/* CSS Document */
/*#region 重置元素*/
*:focus {outline: none;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, input, textarea, th, td{
    padding: 0;
    margin:0;
}
@font-face {
  font-family: "SourceHanSansCN-Normal";
  src: url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff2") format("woff2"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff") format("woff"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.ttf") format("truetype"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.svg") format("svg"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}




@font-face {
  font-family: "mb";
  src: url("../fonts/Montserrat-SemiBold.woff") format("woff"),
	  url("../fonts/Montserrat-SemiBold.ttf") format("truetype"),
       url("../fonts/Montserrat-SemiBold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ml";
  src: url("../fonts/Montserrat-Light.woff") format("woff"),
	  url("../fonts/Montserrat-Light.ttf") format("truetype"),
       url("../fonts/Montserrat-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: "meb";
  src: url("../fonts/Montserrat-ExtraBold.woff") format("woff"),
	  url("../fonts/Montserrat-ExtraBold.ttf") format("truetype"),
       url("../fonts/Montserrat-ExtraBold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Barlow-Regular";
  src: url(../fonts/Barlow-Regular.ttf);

}

body{
    font:1em/1.3 "SourceHanSansCN-Normal", sans-serif;   
	-webkit-text-size-adjust: 100% !important; 
}
img{
max-width:100%;}
button, input, select, textarea,h1, h2, h3, h4, h5, h6{
    font-size:1em;
    line-height:1.3;font-family: "SourceHanSansCN-Normal";
}
address, cite, dfn, em, var { 
    font-style:normal; 
} 
code, kbd, pre, samp {
     font-family: courier new, courier, monospace; 
} 
small { 
    font-size:  0.75em; 
} 
ul, ol { 
    list-style: none; 
    margin:0;
}
body,legend { 
    color:#262626;
}
a{
    color:inherit;
	color:#262626;
    text-decoration: none; 
}
a:hover  {
    color:#115096;    
    text-decoration: none; 
}
a:active{
    color:inherit;
}
sup { 
    vertical-align: ; 
} 
sub { 
  /*  vertical-align: text-bottom;*/
}

fieldset, img { 
    border: 0; 
}
button, input, select, textarea { 
     
} 
table { 
    border-collapse: collapse; 
    border-spacing: 0; 
    width:100%;
    word-break: break-all;
}
table th {
    font-weight:normal;
}
table th,table td {
    font-weight:normal;
    text-align:center;
} 
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,summary, time, mark, audio {
    display: block;
    margin: 0;
    padding: 0;
}
img{
	vertical-align:middle;
}
::-moz-placeholder { color:#000; }
input:-webkit-input-placeholder { color:#000; } 
input:-moz-placeholder { color:#000; } 
/*#endregion*/
/*#region 清除浮动*/
.clearfix:after{
	content: '\20';
    display: block;
    height: 0;
    clear: both;
}
.clearfix { 
	*zoom:1;
}
/*#endregion */

button:disabled,
.disabled{
    opacity:0.5;
    cursor:default;
}
.hi{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.css3,.about_1 ul li a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.comdiv{
width:100%; overflow:hidden; margin:0; padding:0;}
.cssimg,.cssimgp img,.index_4_3_left_1_bg,.pro_1_mid_mid_left_bg,.ser_2_mid_pic_bg,.ser_1_right_bg{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/}
@media screen and (min-width:768px) {
.cssimg:hover,.cssimgp:hover img,.index_4_3_left:hover .index_4_3_left_1_bg,.pro_1_mid ul li:hover .pro_1_mid_mid_left_bg,.ser_2_mid ul li:hover .ser_2_mid_pic_bg,.ser_1_right:hover .ser_1_right_bg{/*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/transform: scale(1.08, 1.08);}
}
.daxie{text-transform: uppercase;}
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 
/*********header**********/
#header{ height:8em;
position:fixed; left:0; top:0; width:100%; z-index:999; border-bottom:1px solid rgba(255,255,255,.2);}
#header:before{
  content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    transition: opacity .1s linear .2s, -webkit-transform .5s cubic-bezier(.23, 1, .32, 1);
    transition: transform .5s cubic-bezier(.23, 1, .32, 1), opacity .1s linear .2s;
    transition: transform .5s cubic-bezier(.23, 1, .32, 1), opacity .1s linear .2s, -webkit-transform .5s cubic-bezier(.23, 1, .32, 1);
    background-color: #fff;
    z-index: -1;
    opacity: 0}
#header:hover:before{
 -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
    transition: opacity 0s linear, -webkit-transform .5s cubic-bezier(.23, 1, .32, 1);
    transition: transform .5s cubic-bezier(.23, 1, .32, 1), opacity 0s linear;
    transition: transform .5s cubic-bezier(.23, 1, .32, 1), opacity 0s linear, -webkit-transform .5s cubic-bezier(.23, 1, .32, 1)}	
.header_mid{
margin:0 4%; position:relative;  }
.header_mid_left{
position:absolute; left:0; top:50%;transform:translateY(-50%);}
.header_mid_left a{ display:block; position:relative; overflow:hidden;
}
.header_mid_left a img { height:80px;}
.header_mid_left a:after{background-position:center; background-repeat:no-repeat; background-size:cover;
content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;background-image:url(../images/header/logo2.png); top:100%;}
#header:hover .header_mid_left a:after,#header.cur .header_mid_left a:after{
top:0;transition: all .5s ease;
}
#header:hover .header_mid_left a img{
opacity:0;}
.header_mid_mid ul li{ margin-right:50px;
float:left; position:relative; z-index:10;}
.header_mid_mid ul li dl{ display:none;
position:absolute; width:470px; z-index:10; left:-170px; background-color:#fff;}
.header_mid_mid ul li dl dd{
position:relative; padding-left:238px;}
.xiala_left{
position:absolute; left:0; top:0; width:238px; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.header_mid_mid ul li a.biga{ display:block; color:#fff;
position:relative; line-height:8em; position:relative;}
#header:hover .header_mid_mid ul li a.biga{
color:#000;}
.header_mid_mid ul li a.biga:after{
content:''; position:absolute; bottom:0; left:50%; width:0; height:3px; background-color:#4c9518;transition: all .5s ease;}
.header_mid_mid ul li a.biga:hover:after,.header_mid_mid ul li a.bigaon:after{
width:100%; left:0;}
.header_mid_right{transform:translateY(-50%);
position:absolute; right:0; top:50%;}
.header_mid_right a{ font-family:Calibri; font-size:1.375em; color:#fff; padding-left:24px;
display:block; background-position:left center; background-repeat:no-repeat; background-image:url(../images/header/img1.png);}
#header:hover .header_mid_right a,#header.cur .header_mid_right a{
color:#000; background-image:url(../images/header/img1b.png);}
.header_mid_mid{
margin-left:30.5em;}
#header.cur{
background-color:#fff; /*height:4em;*/ padding:10px 0px;}
#header.cur .header_mid_mid ul li a.biga{
line-height:4em; color:#000}
.xiala_right_1{
padding-left:40px; font-size:20px; color:#4c9518}
.xiala_right_2{
font-family:Calibri; color:#999; padding-left:40px;}
.xiala_right_3{
padding-top:5px;}
.xiala_right_3 a{ padding:8px 40px;
display:block; color:#262424;transition: all .5s ease;}
.xiala_right_3 a:hover{
background-color:#f3f7fc; color:#4c9518}
.xiala_right{
padding:20px 0px 10px 0px;}
/**************index*****************/
.indexbanner_bg{
position:relative; width:100%; height:100vh; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexbanner_bg_mid{
position:absolute; height:100%; left:8%; width:84%; color:#fff;}
.indexbanner_bg_mid_1{
font-size:4.525vw; font-weight:900; letter-spacing:5px;}
.indexbanner_bg_mid_2{
font-size:2vw; margin-top:.5vw; margin-bottom:1.3vw;}
.indexbanner_bg_mid_3{
line-height:1.8; margin-bottom:1.875vw; font-family:Arial, Helvetica, sans-serif;}
.more_link{
display:inline-block; width:4.875em; height:3em; position:relative;}
.more_link span{transform:translateY(-50%); z-index:10;
position:absolute; left:0; top:50%; height:6px; width:3.375em;}
.more_link span:before{transform:translateY(-50%);
content:''; position:absolute; left:0; width:100%; height:1px; background-color:#fff; top:50%;}
.more_link span:after{transition: all .5s ease;
content:''; position:absolute; right:.5em; top:0; height:100%; width:7px; background-color:#fff;border-radius:50%; }
.more_link:after{transition: all .5s ease;
content:''; position:absolute; right:0; top:0; width:3em; height:100%; background-color:#4c9518;


border-radius:50%;}
.more_link:hover span:after{
right:0;
 }
.more_link:hover:after{transform: scale(.8, .8);}
.mouse { overflow:hidden;
  width: 1.625em;
  height: 2.375em;
  background-position:center; background-repeat:no-repeat; background-size:cover;
  background-image:url(../images/index/img1.png);
  position:absolute;
   z-index:10; left:50%; top:50%; margin-top:-1.1875em;
    z-index:100; margin-left:-0.8125em;
}
.mousedow{
position:absolute; left:50%; bottom:0; z-index:10; transform:translateX(-50%);}
.mouse::before {
  content: '';
  width: 2px;
  height: 5px;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 2px;
  opacity: 1;
  animation: wheel 2s infinite;
  -webkit-animation: wheel 2s infinite;
}

@keyframes wheel {
  to {
    opacity: 0;
    top: 26px;
  }
}
@-webkit-keyframes wheel {
  to {
    opacity: 0;
    top: 26px;
  }
}
.index_1{
margin:7.125em 5.95833333333333%;}
.index_1_mid_left{
float:left; width:55%;}
.index_1_mid_right{
float:right; width:45%;}
.index_1_mid_right ul li{
margin-bottom:1.875vw;}
.index_1_mid_right ul li:last-child{
margin-bottom:0}
.index_1_mid_right_mid{
overflow:hidden; position:relative; margin-left:1.875vw;}
.index_1_mid_right_mid_1{
position:absolute; z-index:1; left:1.875vw; top:1.875vw; color:#fff;}
.index_1_mid_right_mid_1_1{
font-size:1.875vw; margin-bottom:.1em;}
.index_1_mid_left_2{ margin-top:4.16666666666667vw;
text-align:right; font-family:Calibri; color:#3a4251; padding-right:1.875vw;}
.index_1_mid_left_1{
position:relative;}
.index_1_mid_left_1_right{
position:relative; overflow:hidden; margin-left:65.70731707317073%; margin-top:60%;}
.index_1_mid_left_1_right_2 img,.index_1_mid_right_mid_2 img{
width:100%;}
.index_1_mid_left_1_right_1 .index_1_mid_right_mid_1_1{
color:#4c9518}
.index_1_mid_left_1_left{transform:translateY(-50%); z-index:10;
position:absolute; left:0; top:50%; width:54.24390243902439%;}
.index_1_mid_left_1_left_2{
margin-top:2.5vw;}
.more_link.h span:before,.more_link.h span:after{
background-color:#d9e4ea}
.index_2 ul li{
float:left; width:100%; position:relative; overflow:hidden}
.index_2_img{
overflow:hidden;}
.index_2_img img{
width:100%;}
.index_2_mid_name{transform:translateY(-50%); text-align:center;
position:absolute; z-index:10; left:10%; width:80%; top:50%; color:#fff;}
.index_2_mid_name_1{
font-size:50px; font-weight:bold;}
.index_2_mid_name_2{ margin-top:20px;
font-family:Calibri; font-size:18px;}
.index_2_mid_name_2 b { padding:5px; color:#fff;}
.index_1_mid_left_1_left_1_1 span{ font-weight: normal; padding-left:0;
position:relative; display:inline-block; font-size:22px; color:#333; font-family:Calibri; margin-bottom:40px;}
.index_1_mid_left_1_left_1_1 span i{ border-radius: 100%;transform:translateY(-50%);
width:0.9em; height:0.9em; background-color:#4c9518; position:absolute; left:0; top:50%;
}
.index_1_mid_left_1_left_1_1 span i:after{transform:translate(-50%, -50%);border-radius: 100%;
content:''; position:absolute; left:50%; top:50%; background-color:#fff; width:57.14285714285714%; height:57.14285714285714%;}
.index_1_mid_left_1_left_1_2{ font-weight:bold; margin-top:1vw;
 font-size:42px; line-height:55px; letter-spacing:0..8vw; margin-bottom:1vw;

background-image: -webkit-linear-gradient(left,#0066b0,#2e95f2,#2e95f2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}
.index_1_mid_left_1_left_1_2 span { color:#000;}


.index_1_mid_left_1_left_1_2 span{
color:#000}
.index_1_mid_left_1_left_1_3{ font-family:Impact; line-height:1.14;
color:#4c9518; font-size:4.1vw;}
.index_3{
position:relative;}
.index_3_right{
margin-left:25%;}
.swiper-container-news .swiper-slide{
width:33.333333%;}
.index_3_right_mid{ position:relative;
/*padding:0 17%;*/ position:relative; padding-top:8vw; padding-bottom:6vw;}
.index_3_right_mid:after{
content:''; position:absolute; left:0; top:0; width:1px; height:100%; background-color:#ececed;}
.index_3_right_mid_mid{
padding:0 10%; position:relative;}
.index_3_right_mid_mid:after{ background-color:#000; z-index:100;
content:''; position:absolute; left:0; top:1vw;transition: all .5s ease; width:1px; height:4.0625vw;}
.index_3_right_mid_mid:hover:after{
height:10vw;}
.index_3_right_mid_mid_3{
overflow:hidden; margin-top:1.92708333333333vw;}
.index_3_right_mid_mid_3 img{
width:100%;}
.index_3_right_mid_mid_1{ color:#4c9518;
font-size:3.56666666666667vw; font-family:BEBAS;
 


}
.index_3_right_mid_mid_2{
font-size:1.125em; color:#000;font-family: BEBAS;}
.index_3_right_mid_mid_4{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin:1vw 0;
color:#333; font-size:1.25vw;}
.index_3_right_mid_mid_5{
color:#666;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; line-height:1.8; margin-bottom:1.6vw;}
.index_3_right_mid_mid_6 span{ padding-left:16px;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
font-size:.875em; color:#000; background-position:left center; background-repeat:no-repeat; background-image:url(../images/index/img12.png);}
.index_3_right_mid:hover .index_3_right_mid_mid_6 span{
padding-left:20px;}
.index_3_left{
position:absolute; left:5.95833333333333%; top:50%;transform:translateY(-50%);}
.index_3_left_mid_1{
color:#393939; margin-bottom:2.5vw;


  display: block;
        line-height: 40px;
        font-size: 18px;
        text-transform: uppercase;
        color: #666;
        font-family: mb; font-weight:900;
        padding-top: 0px; margin-top:-70px;
        position: relative;
        margin-bottom: 10px; 

 font-family: Barlow-Regular;

}
.index_3_left_mid_2 ul li a{
font-size:1.025em; color:#666; display:inline-block; position:relative; padding:.3em 0; font-family:Barlow-Regular
;}
.index_3_left_mid_2 ul li a:after{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
content:''; position:absolute; left:0; bottom:0; height:1px; width:0; background-color:#4c9518;}
.index_3_left_mid_2 ul li a:hover:after,.index_3_left_mid_2 ul li a.on:after{
width:100%;}
.index_3_left_mid_2 ul li{
margin-bottom:.875em;}
.index_3_left_mid{
padding-right:1em;}
.index_3_left_mid_3{
margin-top:2.6vw;}
.swiper-pagination-index-banner-right{transform:translateY(-50%);   z-index:10; cursor:pointer;
width:3vw; position:absolute; right:0;  top:50%; height:6vw;border-radius:3vw 0 0 3vw;}
.swiper-pagination-index-banner-right span{border-radius:2.5vw 0 0 2.5vw;
 position:absolute; right:0; top:50%; width:2.5vw; height:5vw;  transform:translateY(-50%);}
.swiper-pagination-index-banner-right span i{transform:translate(-50%, -50%); z-index:10; position:absolute; background-position:center; background-repeat:no-repeat; background-image:url(../images/index/img10.png); left:50%; top:50%; width:1.45833333333333vw; height:1.09375vw; background-size:cover;}

.swiper-pagination-index-banner-left{transform:translateY(-50%);  z-index:10; cursor:pointer;
width:3vw; position:absolute; right:9vw;  top:50%; height:6vw;border-radius:0vw 3vw 3vw 0vw;}
.swiper-pagination-index-banner-left span{border-radius:0vw 2.5vw 2.5vw 0vw;
 position:absolute; left:0; top:50%; width:2.5vw; height:5vw; transform:translateY(-50%);}
.swiper-pagination-index-banner-left span i{transform:translate(-50%, -50%); z-index:10; position:absolute; background-position:center; background-repeat:no-repeat; background-image:url(../images/index/img9.png); left:50%; top:50%; width:1.45833333333333vw; height:1.09375vw; background-size:cover;}
.banner_num{ font-family:Calibri; font-size:1.25vw;
position:absolute; height:6vw; top:50%;transform:translateY(-50%); right:4vw; z-index:10; line-height:6vw; color:#fff;}


/*.swiper-pagination-index-banner-left:hover,.swiper-pagination-index-banner-right:hover{background-color:#fff;}
.swiper-pagination-index-banner-left:hover span,.swiper-pagination-index-banner-right:hover span{background-color:#1994da;}*/
/***********about****************/
.nybody #header{
background-color:#fff;}
.nybody #header .header_mid_right a{
color:#000; background-image:url(../images/header/img1b.png);}
.nybody #header .header_mid_mid ul li a.biga{
color:#000}
.nybody #header .header_mid_left a:after{
top:0;transition: all .5s ease;
}
.nybody #header:after{
content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#ededed; z-index:100;}
.about_1{
margin-top:11.25em;}
.about_1_mid{  
margin:0 9%; position:relative;}
.about_1_mid_right{ overflow:hidden;
margin-left:34%; position:relative;}
.about_1_mid_right_mid{
overflow:hidden; margin-right:1.97916666666667vw; margin-bottom:1.97916666666667vw;}
.about_1_mid_right_mid{
overflow:hidden; position:relative; z-index:1;}
.about_1_mid_right_mid img{
width:100%;}
.about_1_mid_right_bg{
position:absolute; right:0; bottom:0;width:calc(100% - 3.33333333333333vw); height:calc(100% - 1.97916666666667vw);   background-color:#4c9518 }
.about_1_mid_left{
position:absolute; left:0; top:50%;transform:translateY(-50%); z-index:10; width:38.74491869918699%;}
.index_1_mid_left_1_left_1_1.index_1_mid_left_1_left_1_1_small span{
font-weight:normal; font-size:1em; color:#424242;}
.about_1_mid_left .index_1_mid_left_1_left_1_2{
color:#000; font-weight:normal;}
.about_1_mid_left .index_1_mid_left_1_left_1_3{ color:#000;
font-size:3.64583333333333vw;}
.about_1_mid_left_1{
color:#333; line-height:1.8; margin-top:2vw;}
.about_1{
margin-bottom:9.0625em;}
.about_2{
position:relative; padding:4.25em 0;}
.about_2:after{
content:''; position:absolute; left:0; top:0; height:100%; background-color:#f5f8fb; width:66.14583333333333%;}
.about_2_mid{ padding:6.5em 0;
position:relative; z-index:10;   background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_1_mid_left_1_left_1_2.w,.index_1_mid_left_1_left_1_3.w,.index_1_mid_left_1_left_1_1.index_1_mid_left_1_left_1_1_small.w span{
color:#fff}
.index_1_mid_left_1_left_1_2.w{
font-weight:normal}
.index_1_mid_left_1_left_1_1.w span i:after{
background-color:transparent}
.index_1_mid_left_1_left_1_1.w span i{
background:none; border:2px #fff solid;}
.about_2 .about_1_mid{
z-index:10;}
.about_2_mid_bg{opacity:0;transition: all 5.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.about_2_mid_bg.on{transform: scale(1.08, 1.08);
z-index:10; opacity:1}
.about_2 .about_2_mid{
overflow:hidden}
.about_2_mid_2{
position:relative;}
.about_2_mid_2_right{ height:381px; height:19.84375vw; color:#fff; position:relative; z-index:10;
width:55%; margin-left:44.71544715447154%;}
.about_2_mid_2_right .swiper-container {
      width: 100%;
      height: 100%;
    }

  .about_2_mid_2_right  .swiper-slide {
       
      height: auto;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      
    }
.about_2_mid_2_right_mid_1{
position:relative;padding-left:6.25vw;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.about_2_mid_2_right_mid_1 span{ display:inline-block;
font-family:Calibri; font-size:1.5em;transform: scale(1, 1);-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.about_2_mid_2_right_mid ul li.on .about_2_mid_2_right_mid_1 span,.about_2_mid_2_right_mid ul li:hover .about_2_mid_2_right_mid_1 span{transform: scale(1.2, 1.2);}
.about_2_mid_2_right_mid ul li.on .about_2_mid_2_right_mid_1,.about_2_mid_2_right_mid ul li:hover .about_2_mid_2_right_mid_1{
padding-left:7.8125vw;}
.about_2_mid_2_right_mid ul li .about_2_mid_2_right_mid_1:after,.about_2_mid_2_right_mid ul li .about_2_mid_2_right_mid_1:after{
content:''; position:absolute; left:-2vw; top:50%; width:0; height:2px; background-color:#fff;transform:translateY(-50%);-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }

.about_2_mid_2_right_mid ul li.on .about_2_mid_2_right_mid_1:after,.about_2_mid_2_right_mid ul li:hover .about_2_mid_2_right_mid_1:after{
 width:8.5vw;   }

.about_2_mid_2_right_mid{
padding:0 0 0 0em; padding-top:4.89583333333333vw;}
.about_2_mid_2_right_mid_2{ padding-left:6.25vw;
font-size:1.25em; margin-top:.3em; margin-bottom:.2em}
.about_2_mid_2_right_mid_3{
line-height:1.5;padding-left:6.25vw;}
.about_2_mid_2_right_mid ul li{
margin-top:1.125em;}
.about_2_mid_2_left{
position:absolute; left:0; top:0; width:100%; height:100%;  width:44.71544715447154%;}
.about_2_mid_2_left_mid_1{
overflow:hidden; display:none}
.about_2_mid_2_left_mid_1 img{
width:100%;}
.about_2_mid_2{
margin-top:4.375em;}
.about_2_mid_2_right .swiper-scrollbar{
opacity:0;}
.swiper-container-hpic .swiper-slide{
width:100%; height:100%;  }
 
.about_2_mid_2_left .swiper-container{
height:100%; width:100%;}
.about_2_mid_2_left_mid_1_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.about_year{
position:relative; z-index:100; color:#fff; margin-top:5.625em; padding-bottom:4em;  }
.about_year:after{
content:''; position:absolute; left:0; top:0; width:100%; height:7px; background-position:left top; background-repeat:repeat-x; background-image:url(../images/about/img6.png);}
.about_year ul li{ padding-top:14px;
float:left; width:12.5%; text-align:center; position:relative;}
.about_year_line{
position:relative; padding:0;}
.about_year_line_blue{ z-index:10;
position:absolute; left:0; top:0; height:7px; width:50%; background-position:left top; background-repeat:repeat-x; background-image:url(../images/about/img7.png);}
.about_year_left{ z-index:10;
position:absolute; left:0; top:0; height:7px; width:9%;background-position:left top; background-repeat:repeat-x; background-image:url(../images/about/img7.png);}
.about_year_line_mid{
float:right; width:55px; margin-right:-28px}
.about_year_line_mid_1 span{
display:inline-block; width:22px; height:29px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img9.png);}
.about_year ul li.on .about_year_line_mid_1 span{
background-image:url(../images/about/img8.png);}
.about_honor_1{ margin-top:2.5vw;
text-align:center}
.index_1_mid_left_1_left_1_2.b,.index_1_mid_left_1_left_1_3.b{
color:#262a31;}
.about_honor_2{
text-align:center;}
.about_honor_2 ul li{ background-image:url(../images/about/img10.png);
display:inline-block; padding:0 1.25em; background-position:left center; background-repeat:no-repeat;}
.about_honor_2 ul li:nth-child(1){
background-image:none;}
.about_honor_2 ul li a{ padding:.5em 0;
font-size:1.125em; display:inline-block; position:relative;}
.about_honor_2 ul li a:after{transform:translateX(-50%);transition:.5s cubic-bezier(.14,1,.34,1) 0s;
content:''; position:absolute; width:0; background-color:#4c9518; bottom:0; left:50%; height:1px;}
.about_honor_2 ul li a:hover:after,.about_honor_2 ul li a.on:after{width:1.444444444444444em;}
.about_honor_2{
margin-top:1.5vw; margin-bottom:4.42708333333333vw;}
.about_honor_3_mid_1{
overflow:hidden;}
.about_honor_3_mid_1 img{
width:100%;}
.about_honor_3_mid_2{ background-image:url(../images/about/img5.png); width:100%; height:.36458333333333vw;
background-position:center bottom; background-repeat:no-repeat; background-size:cover;}
.zd_zs_act{ position:relative; height:.88541666666667vw;
margin:4em auto; width:21.45833333333333vw;}
.zd_zs_act_c{ border:2px #4c9518 solid; background-color:#fff;border-radius: 100%; z-index:10; 
position:absolute; left:50%; top:50%; width:.88541666666667vw; height:.88541666666667vw;transform:translate(-50%, -50%);}
.zd_about_2_mid_right_right_act_left2{
position:absolute; left:0; top:0; height:100%; width:50%;}
.zd_about_2_mid_right_right_act_right2{
position:absolute; right:0; top:0; height:100%; width:50%;}
.zd_about_2_mid_right_right_act_left2:after,.zd_about_2_mid_right_right_act_right2:after{
content:''; position:absolute; left:0; top:50%; width:100%; height:1px; background-color:#4c9518;transform:translateY(-50%);}
.zd_about_2_mid_right_right_act_left2 span{ color:#4c9518;font-family:"宋体";transition:.5s cubic-bezier(.14,1,.34,1) 0s;opacity:0;
position:absolute; left:10px;   font-size:24px;top:calc(50% - 15px)}
.zd_about_2_mid_right_right_act_right2 span{ color:#4c9518;font-family:"宋体";transition:.5s cubic-bezier(.14,1,.34,1) 0s;
position:absolute; right:10px; font-size:24px;top:calc(50% - 15px); opacity:0;}
.zd_about_2_mid_right_right_act_right2:hover span{
opacity:1; right:-4px;}
.zd_about_2_mid_right_right_act_left2:hover span{
opacity:1; left:-4px;}
.culture_1{ font-weight:bold;
color:#3775b8; font-size:3.125vw;}
.culture_2{ font-size:2.5vw;
color:#262a31; margin-bottom:.8vw; margin-top:.1vw;}
.culture_3{ font-size:1.125em; font-family:Calibri; color:#999;}
.culture_4{ overflow:hidden;
position:relative; padding-top:5.4375vw;}
.culture_4:after{ background-color:#f3f6fa;
content:''; position:absolute; right:0; top:0; height:100%; width:52.86458333333333%;}
.culture_4_1{ padding-top:4.89583333333333vw;
position:relative; z-index:10;}
.culture_4_1_bg{ height:86.98884758364312%;
position:absolute; right:0; top:0; width:91%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img11.jpg);}
.culture_4_1_mid{ background-color:rgba(27,92,163,.77); color:#fff; padding-bottom:5.20833333333333vw;
position:relative; z-index:10; width:71.51041666666667%; padding-top:6.92708333333333vw;  }
#cultop{
margin-bottom:0} 
.culture_4_1_mid_mid{
margin-left:12.58557902403496%;margin-right:12.58557902403496%;}
.culture_4_1_mid_mid .index_1_mid_left_1_left_1_3{
margin-top:1vw;}
.culture_4_1_mid_mid_w_1 span{
display:inline-block; position:relative; font-size:1.5em;  padding-left:0.8333333333333333em;}
.culture_4_1_mid_mid_w_1 span:after{transform:translateY(-50%);
content:''; position:absolute; left:0; top:50%; width:0.4em; height:0.4em; border:2px #fff solid;border-radius:100%}
.culture_4_1_mid_mid_w_2{
line-height:1.5; margin-top:.5em;}
.culture_4_1_mid_mid_w ul li{
margin-top:1.125em;}
.culture_4_1_mid_mid_w{
padding-top:1vw;}
.culture_5{ overflow:hidden; padding-top:7.29166666666667vw;
background-color:#f3f6fa; padding-bottom:8.64583333333333vw;}
.culture_5_left{ padding-top:3.90625vw;
position:relative; z-index:10; width:37%;}
.index_1_mid_left_1_left_1_3_small{ font-size:2vw;}
.culture_5_left_1_1{
line-height:2; margin-top:1.8vw; margin-bottom:3vw;}
.culture_5_right{
position:absolute; right:0; top:0; width:69.66524492697428%;}
.imgp{ -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);opacity:1;}
.swiper-slide.swiper-slide-active .imgp{transition: 0.95s all cubic-bezier(0.65, 0.05, 0.36, 1);
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);opacity:1;}
.zd_pro_1_left_img{
overflow:hidden;}
.zd_pro_1_left_img img{
width:100%;}
.culture_5_left_2{
width:70%;}
.zd_pro_act{ cursor:pointer; margin-top:.6em;
width:220px; position:relative; border-bottom:1px #b1b4b9 solid; padding:.875em 0;}
.zd_pro_act a{
display:block; position:relative; font-size:1.5em; color:#222121; font-family:Calibri;}
.zd_pro_act a:after{transition:.5s cubic-bezier(.14,1,.34,1) 0s;
content:'>'; font-family:"宋体";transform:translateY(-50%); position:absolute; right:0; top:50%;}
.zd_pro_act:hover a:after{
right:.5em;}

.zd_pro_2_2 .swiper-slide{padding: 0 calc((100vw - 1026px) * 0.04375); width:1026px;}
.job_3_2_mid_2_zd{
text-align:center; margin:0 auto; max-width:500px;}
.job_3_2_mid_2_1_zd{transition:1.5s cubic-bezier(.14,1,.34,1);opacity:0;transform:translateY(100px); position:relative;
font-size:1.875vw; margin-top:1.541666666666667em; margin-bottom:.2em; color:#000; line-height:1.5;}
.job_3_2_mid_2_2_zd{transition:1.5s cubic-bezier(.14,1,.34,1);opacity:0;transform:translateY(100px); position:relative;
 color:#2a2a2a;transition-delay:.3s;}
.job_hd_zb{ left:50%; bottom:0; z-index:10; font-family:"宋体"; color:#000;
position:absolute; width:554px;transform:translateX(-50%);}
.job_hd_left_zb{ cursor:pointer;
font-size:2.5em; float:left; position:relative;}
.job_hd_right_zb{ cursor:pointer; position:relative;
float:right; font-size:2.5em;}
.zd_pro_2_2 .swiper-slide-active .job_3_2_mid_2_1_zd,.zd_pro_2_2 .swiper-slide-active .job_3_2_mid_2_2_zd{
opacity:1;transform:translateY(0px);}
.job_3_2_mid_1{
overflow:hidden;}
.job_3_2_mid_1 img{
width:100%;}
.culture_6{
margin-bottom:3.64583333333333vw;}
.ser_1{ position:relative; margin-top:5.25em;
background-image:url(../images/about/img15.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.ser_1_left{
 width:50%;background-color:rgba(0,0,0,.7); padding:6.25vw 0; }
.ser_1_left_mid{
margin-left:18%; margin-right:18%;}
.ser_1_left_mid_1{
font-size:3.125vw; color:#fff; font-weight:bold;}
.ser_1_left_mid_2{ font-size:1.125em; max-width:450px;
color:#e2e9f1; margin-top:1.2vw; line-height:1.5; margin-bottom:1.5vw;}
.ser_1_left_mid_3{
position:relative; padding-left:67px;}
.ser_1_left_mid_3 span{ position:absolute; left:0; top:-.1vw;
color:#fff; font-size:1.75em;}
.ser_1_left_mid_3 ul li{
display:inline-block; margin:0 .1em; margin-right:.3em}
.ser_1_left_mid_3 ul li a{ line-height:1.777777777777778em; height:1.777777777777778em;border-radius: 1.777777777777778em;
font-size:1.125em; display:block; color:#2a3949; background-color:#fff; padding:0 1.611111111111111em;text-align:center;transition:.5s cubic-bezier(.14,1,.34,1);}
.ser_1_left_mid_3 ul li a.on{
color:#fff; background-color:#1670cb;}
.ser_1_left_mid_4 ul li{
float:left;  width:49%; margin-top:1.25em;}
.ser_1_left_mid_4 ul li:nth-child(2n){
float:right;}
.ser_1_left_mid_4 ul li select{background:none;  background-position:94% center; background-repeat:no-repeat; background-image:url(../images/about/img16.png);
border:none;  width:100%;  appearance:none;background-color:#f6f6f6;  padding-top:.8em; padding-bottom:.8em;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari 和 Chrome */ padding-left:.75em;}
.ser_1_left_mid_4 ul li div.in{
padding:0 1em;background-color:#f6f6f6;}
.ser_1_left_mid_4 ul li div.in input,.ser_1_left_mid_4 ul li div.in textarea{
border:none; background:none; width:100%;padding-top:.8em; padding-bottom:.8em;}
.ser_1_left_mid_4 ul li:nth-child(5),.ser_1_left_mid_4 ul li:nth-child(6){
width:100%;}
.ser_1_left_mid_4 ul li div.in textarea{
height:7em;
}
.ser_1_left_mid_5{
margin-top:1.875em;}
.fb_2_3 a{ max-width:395px; height:53px; line-height:53px; background-color:#225f9d;  
display:block; position:relative; text-align:center; color:#fff}
.fb_2_3 a span{ font-size:1.125em;
position:relative; z-index:10;}
.fb_2_3 a:after{transition:.8s cubic-bezier(.14,1,.34,1) 0s;
content:''; position:absolute; left:0; top:0; width:0; height:100%; background-color:#fff;}
.fb_2_3 a:hover:after{
width:100%;}
.fb_2_3 a:hover{
color:#225f9d}
.ser_footer{ overflow:hidden; padding:6.92708333333333vw 0;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img18.jpg);}
.ser_footer_mid{ padding-bottom:5.20833333333333vw;
max-width:43.95325203252033%;background-color:rgba(27,92,163,.77); color:#fff; overflow:hidden; padding-top:5vw;}
.ser_footer_mid_mid{
margin:0 12%;}
.ser_footer_mid_mid_3{
line-height:1.8; margin-top:2.5vw;}
/**********product**************/
.pro_1{ padding-top:16.14583333333333vw; padding-bottom:16.66666666666667vw;
background-image:url(../images/product/banner.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro_1_mid{
margin:0 auto; max-width:483px;}
.pro_1_mid_1{
text-align:center; color:#fff; font-weight:bold; font-size:3.125vw;}
.pro_1_mid_2{
text-align:center; font-family:Calibri; font-size:1.125em; color:#fff; margin-top:.5vw; margin-bottom:1.2vw;}
.pro_1_mid_3{
position:relative; background-color:#fff; padding-right:65px;}
.pro_1_mid_3_right{
position:absolute; right:0; top:0; width:65px; height:100%; background-color:#0f519b;}
.pro_1_mid_3_right:after{transform:translate(-50%, -50%); content:''; position:absolute;
 left:50%; top:50%; width:1.5em; height:1.5em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/product/img3.png); }
.pro_1_mid_3_right input{border:none; background:none; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;cursor:pointer;}
.pro_1_mid_3_left{
padding:1em;}
.pro_1_mid_3_left input{
border:none; background:none; width:100%; font-size:1.125em;}
.pro_2{
text-align:center; margin:2.23958333333333vw 0;}
.pro_2 ul li{
display:inline-block; padding:0 1.5em;}
.pro_2 ul li a{
display:block; position:relative;}
.pro_2 ul li a img:nth-child(2){transition:.5s cubic-bezier(.14,1,.34,1) 0s;
position:absolute; left:0; top:0; z-index:10;opacity:0;}
.pro_2 ul li a.on img:nth-child(2),.pro_2 ul li a:hover img:nth-child(2){
opacity:1;}
.pro_2 ul li a.on img:nth-child(1),.pro_2 ul li a:hover img:nth-child(1){
opacity:0;}
.pro_2 ul li{
background-position:left center; background-repeat:no-repeat; background-image:url(../images/product/img5.jpg);}
.pro_2 ul li:nth-child(1){
background-image:none}
.pro_3_1_left_1{
font-size:1.875em; color:#000;}
.pro_3_1_left_2{
font-family:Calibri; color:#999;}
.pro_3_1{
position:relative; margin-bottom:2.08333333333333vw;}
.pro_3_1_right{ background-position:right center; background-repeat:no-repeat; background-image:url(../images/product/img6.png);
position:absolute; right:0; bottom:0; border-bottom:1px #c0c0c0 solid; padding-bottom:.875em; padding-right:3em; padding-top:.875em;width:20.4375em;}
#pro_xh{background:none; 
border:none; width:100%;    appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari 和 Chrome */ font-size:1.125em;  }
.pro_4{
margin:0 8.85416666666667%;}
.pro_4_1 ul li{ margin-right:1.26582278481013%; min-height:23.5791875em;
float:left; width:24.05063291139241%; margin-bottom:3.64583333333333vw;}
.pro_4_1 ul li:nth-child(4n){
margin-right:0}
.pro_4_1_1{
overflow:hidden; position:relative;}
.pro_4_1_1_mask{opacity:0;
position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background-color:rgba(10,140,223,.5);}
.pro_4_1_1_mask span{ left:50%; top:50%;transform:translate(-50%,-50%);transition:.5s cubic-bezier(.14,1,.34,1) 0s;
position:absolute; width:0%; height:0%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/product/img7.png);}
.pro_4_1 ul li:hover .pro_4_1_1_mask{
opacity:1;}
.pro_4_1_2{ position:relative; padding:1.875em 0;
border-bottom:1px #e6e6e6 solid;}
.pro_4_1_2_1{
color:#000; font-size:1.25em;}
.pro_4_1_2_2{ margin-top:.2em;
font-family:Calibri; color:#c1bfbf;}
.pro_4_1_2:after{transition:.5s cubic-bezier(.14,1,.34,1) 0s;
content:''; position:absolute; left:0; bottom:0; height:1px; width:0; background-color:#457ac9;}
.pro_4_1 ul li:hover .pro_4_1_2:after{
width:100%;}
.pro_4_1 ul li:hover .pro_4_1_1_mask span{width:34.21052631578947%; height:34.21052631578947%;}
.pro_4_2{
text-align:center; margin-bottom:4em;}
.pro_4_2 ul li{
display:inline-block; margin:0 .2em;}
.pro_4_2 ul li span,.pro_4_2 ul li a{ font-size:1.125em;
padding:.4em .8em; border:1px #e3e3e3 solid; font-family:Calibri;transition:.5s cubic-bezier(.14,1,.34,1) 0s;}
.pro_4_2 ul li.active span,.pro_4_2 ul li a:hover{
background-color:#3b99d7; border-color:#3b99d7; color:#fff;}
.pro_info_1{
position:relative; height:42.70833333333333vw;}
.pro_info_1_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.video-back{
height:100%;}
.promid{
margin:0 11%;}
.pro_info_2_left{
float:left;}
.pro_info_2_right{
float:right}
.pro_info_2_left span{
color:#115096;}
.pro_info_2_left a{transition:.5s cubic-bezier(.14,1,.34,1) 0s;}
.pro_info_2{
margin:1.75em 0;}
.pro_info_3_right_3_img{ padding-bottom:2px;
overflow:hidden; cursor:pointer}
.pro_info_3_right_3_img img{
width:100%;}
.pro_info_3_mid{
position:relative;}
.pro_info_3_right{ position:relative;
margin-left:56%; padding-top:2.44791666666667vw;}
.pro_info_3_left{
position:absolute; left:0; top:0; height:100%; width:52%;}
.pro_info_3_right_1{
font-size:1.875vw; margin-top:1.1vw; margin-bottom:.85vw;}
.pro_info_3_right_2{
font-size:1.125em; line-height:1.6; max-width:474px;}
.pro_info_3_right_3{
margin-top:2.96875vw; padding-top:2.96875vw; border-top:1px #e3e3e3 solid;}
.swiper-pagination-roll-p{
display:none}
.prlbg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.swiper-slide.on .pro_info_3_right_3_img img{
border:1px #115096 solid}
.pro_info_4_mid{
background-color:#f4f7fd; margin-top:4.47916666666667vw;}
.pro_info_4_mid span{ display:block; max-width:15em; text-align:center; line-height:3.888888888888889em;
background-color:#115095; color:#fff; font-size:1.125em;}
.pro_info_4_footer_1{ margin-top:3.33333333333333vw;
color:#356aa5; font-size:1.5625vw; font-weight:bold}
.pro_info_4_footer_2{ margin-top:.4vw;
color:#c8cfd6; font-size:.875em;}
.pro_info_5_mid{
line-height:2; color:#666; margin-top:2.34375vw;}
.pro_info_6_mid_left{
width:42%;}
#tt ul li{ overflow:hidden;   display:block; clear:both;
position:relative; padding-left:100px; padding-top:1em; padding-bottom:1em;  }
#tt ul li span{
position:absolute; left:0; top:50%;transform:translateY(-50%);}
#tt ul li dl dd{ background-color:#f3f6f8;
float:left; text-align:center; width:20%; }
#tt ul li dl dd a{padding:5px 0px; position:relative;
display:block; text-decoration:none; color:#666;}
#tt ul li dl dd a:after{
content:''; position:absolute; left:0; bottom:0; height:100%; width:1px; background-color:#fff}
#tt ul li dl dd:hover{
background-color:#ccc;}
#tt ul li dl dd a.disable,#tt ul li dl dd a.disable2{cursor:not-allowed; color:#c6cdd9;}
#tt ul li dl dd:hover a.disable,#tt ul li dl dd:hover a.disable2{
background-color:#f3f6f8; color:#c6cdd9}
#tt ul li dl dd.on{  
background-color:#447ebd}
#tt ul li dl dd.on a{
color:#fff}
#tt ul li:after{
content:''; position:absolute; left:0; bottom:0; height:1px;  width:100%; border-bottom:1px #e4e2e3 dashed}
.pro_info_6_mid{ position:relative;
margin:2vw 0 4vw 0; min-height:200px;}
.pro_info_6_mid_right{  
position:absolute; right:0; top:0; height:100%; background-color:#f8fbfb; width:53%;}
.pro_info_6_mid_right_mid{
margin:0 5%; margin-top:1.5em;}
.pro_info_6_mid_right_mid_1{
font-size:1.125em; color:#595959;}
.pro_info_6_mid_right_mid_2{
color:#4e4e4e; font-size:.875em;}
.pro_info_6_mid_right_mid_3{
max-width:237px; color:#666; margin-top:.5em;}
.pro_info_6_mid_right_mid_3 ul li{
border-bottom:1px #dad9da dashed; padding:.5em 0;}
.xh_no{
font-size:1.5em; color:#447ebd}
.pro_re{ z-index:100;
position:absolute; right:0; top:1.25em;}
.pro_re a{ border-radius: 100%; position:relative;
display:inline-block; border:1px #ccd9db solid; width:3.64583333333333vw; height:3.64583333333333vw}
.pro_re a.ne:after{  font-size:1.875vw; font-family:"宋体";
content:'>';transform:translate(-50%, -50%); position:absolute; left:50%; top:50%;}
.pro_re a.pr:after{  font-size:1.875vw; font-family:"宋体";
content:'<';transform:translate(-50%, -50%); position:absolute; left:50%; top:50%;}
.pro_re a:hover{
background-color:#115096; border-color:#115096}
.pro_re a:after{color:#262a31;}
.pro_re a:hover:after{
color:#fff}
/**************news********************/
.ny_banner{
position:relative; height:100vh; width:100%;}
.banner_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover}
.zd_ny_banner_jj{
position:absolute; width:100%; top:50%; text-align:center; color:#fff; z-index:10;transform:translateY(-50%);}
.zd_ny_banner_jj_1{
font-weight:bold; font-size:3.125vw;}
.zd_ny_banner_jj_2{
font-family:Calibri; font-size:1.125em; margin-top:.5vw;}
.ny_menu{
position:absolute; left:0; bottom:0; width:100%; z-index:10;}
.ny_menu ul li{
float:left; text-align:center;}
.ny_menu ul li a{transition:.5s cubic-bezier(.14,1,.34,1) 0s;
display:block; margin-left:1px; background-color:#434547; color:#fff;}
.ny_menu ul li a span{ background-position:left center; background-repeat:no-repeat; padding-bottom:2.29166666666667vw;
display:inline-block; position:relative; font-size:1.125em; padding-left:1.666666666666667em; padding-top:2.29166666666667vw;}
.ny_menu ul li a.on,.ny_menu ul li a:hover{
background-color:rgba(27,92,163,.81); 
}
.news_1_mid{ -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
background-color:#fff; margin-left:1.5625vw;}
.news_1_mid{
position:relative;}
.news_1_mid_right{
margin-left:50%;}
.news_1_mid_left{ overflow:hidden;
position:absolute; left:-1.5625vw; top:-1.5625vw; width:52.33766233766234%; height:100%; overflow:hidden}
.news_1_mid_left img{
width:100%;}
.news_1_mid_right_mid{
padding:3.4375vw;}
.news_1_mid_right_mid_1 span{ padding-left:20px;
font-family:Calibri; display:inline-block; color:#424242; background-position:left center; background-repeat:no-repeat; background-image:url(../images/news/img5.png);}
.news_1_mid_right_mid_2{
font-size:1.5625vw; margin-top:1.5vw;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
.news_1_mid_right_mid_3{
display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 4;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; color:#333; margin-top:1.5625vw; padding-top:1.5625vw; margin-bottom:1.5625vw; border-top:1px #cbd3d8 dashed; line-height:2}
.news_1{
margin:7.55208333333333vw 0;}
.news_1_mid_left_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.news_2_1_2_3 span{ padding-left:16px;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
font-size:.875em; color:#000; background-position:left center; background-repeat:no-repeat; background-image:url(../images/index/img12.png);}
.news_2_1 ul li:hover .news_2_1_2_3 span{
padding-left:20px;}
.news_2_1 ul li{ margin-right:4.81927710843373%; margin-top:5.20833333333333vw; overflow:hidden;
float:left; width:30.12048192771084%; background-color:#fff; position:relative; min-height:471.05px;}
.news_2_2{
margin:5.20833333333333vw 0;}
.news_2_1 ul li:after{transition:.5s cubic-bezier(.14,1,.34,1) 0s;
content:''; position:absolute; left:0; bottom:0; width:100%; height:0.375em; background-color:#e4edf0;}
.news_2_1 ul li:hover:after{transform:translateX(100%);}

.news_2_1 ul li:before{transition:.5s cubic-bezier(.14,1,.34,1) .25s;transform:translateX(-100%);
content:''; position:absolute; left:0; bottom:0; width:100%; height:0.375em; background-color:#4c9518;}
.news_2_1 ul li:hover:before{transform:translateX(0%);}

.news_2_1 ul li:nth-child(3n){
margin-right:0}
.news_2{
background-color:#f4f6fa; overflow:hidden}
.news_2_1_1{
overflow:hidden;}
.news_2_1_1 img{
width:100%;}
.news_2_1_2{ overflow:hidden;
padding:1.45833333333333vw; padding-bottom:2vw}
.news_2_1_2_1{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;
font-size:1.5em; color:#333; line-height:1.5;}
.news_2_1_2_2{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;
color:#666; line-height:1.6; margin:1vw 0 1.3vw 0;}

.pro_4_2 ul li a{
background-color:#fff;}
.news_info_1{
margin-top:8.4375em;}
.news_info_con{ padding-top:5.72916666666667vw;
background-color:#f6f8fa; overflow:hidden;}
.news_info_con_mid{
margin:0 16%;}
.news_info_con_mid_1{ margin-bottom:1.2vw;
text-align:center; font-size:1.875em;}
.news_info_con_mid_2{ font-size:1.125em;
text-align:center; color:#115096; font-family:Calibri;}
.news_info_con_mid_3{ border-top:1px #bdbaad dashed;
color:#666; line-height:2; margin-top:2.29166666666667vw; padding-top:2.29166666666667vw; padding-bottom:2.29166666666667vw}
.news_info_con_mid_4 ul li{
float:left; width:50%;}
.news_info_con_mid_4{
border:1px #c9d7d9 solid;  margin-bottom:5.72916666666667vw;}
.news_info_con_mid_4 a{transition:.5s cubic-bezier(.14,1,.34,1) 0s;
display:block; padding:.8em 1em; color:#666;}
.news_info_con_mid_4 ul li:nth-child(2)  a{
text-align:right}
.news_info_con_mid_4 ul li span{
margin-right:1em;}
.news_info_con_mid_4 a:hover{
color:#fff; background-color:#115096;}
.jobs_1_mid_left{
float:left; width:46.64406779661017%;}
.jobs_1_mid_right{
float:right; width:42.98305084745763%;}
.jobs_1_mid_left_1{
color:#333; line-height:2; margin-top:2.5vw;}
.jobs_1{
margin:6.61458333333333vw 0;}
.jobs_2{ overflow:hidden;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/jobs/img2.jpg);}
.jobinfo{background-color:rgba(0,0,0,.30); 
padding:1.77083333333333vw; color:#fff;transition:.5s cubic-bezier(.14,1,.34,1) 0s;}
.jobinfo_1{
font-size:1.875vw; margin-bottom:.4vw;}
.jobinfo_3{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;
line-height:1.5;  position:relative;}
.jobinfo_2{margin:0 0 1.5vw 0; padding-bottom:1.5vw; position:relative;}
.jobinfo_2:after{
content:''; position:absolute; left:0; bottom:0; height:2px; background-color:#4c9518; width:2.23958333333333vw;}
.jobinfo_2 span{
display:inline-block; margin-right:1em;}
.jobinfo_4 span{
display:block; position:relative; width:4em; height:2.125em;}
.jobinfo_4 span i:nth-child(1){ top:50%;transform:translateY(-50%); z-index:10;
position:absolute; left:0; height:1px; background-color:#d9e4ea; width:2.9375em}
.jobinfo_4 span i:nth-child(2){transition:.5s cubic-bezier(.14,1,.34,1) 0s;
position:absolute; right:0; top:0; width:2.125em; height:2.125em; background-color:rgba(58,153,216,.72); border-radius:100%;}
.jobinfo_4 span i:nth-child(2):after{border-radius:100%;transform:translateY(-50%);transition:.5s cubic-bezier(.14,1,.34,1) 0s;
content:''; position:absolute; left:15%; top:50%; width:7px; height:7px; background-color:#d9e4ea;}
.jobinfo_4{
margin-top:1.5vw;}
#jobslist{
margin-top:4.89583333333333vw;}
.jobs_2 .promid{
margin:0 4%;}
.jobinfo:hover{
background-color:rgba(58,153,216,.75); }
.jobinfo:hover .jobinfo_4 span i:nth-child(2){background-color:rgba(255,255,255,.17);}
.jobs_2 .zd_about_2_mid_right_right_act_left2 span{
color:#fff}
.jobs_2 .zd_about_2_mid_right_right_act_left2::after,.jobs_2 .zd_about_2_mid_right_right_act_right2::after {
background-color:#fff}
.jobs_2 .zd_about_2_mid_right_right_act_right2 span{
color:#fff}
.jobs_2 .zd_zs_act_c{
border-color:#fff;}
.jobmask{pointer-events:none;opacity:0;transition:.4s cubic-bezier(.14,1,.34,1) 0s;
position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999;background-color:rgba(0,0,0,.43);}
.jobmask .about_1_mid{background-color:rgba(58,153,216,.83); color:#fff; height:64vh; position:relative; top:24vh; overflow:hidden;transition:1s cubic-bezier(.14,1,.34,1) 0s; }
.jobmask.on{pointer-events:auto;opacity:1;}
.jobmask.on .about_1_mid{
top:18vh;}
.jobmask_mid{ 
position:relative; margin:0vw 4vw; height:80%; top:10%; overflow:hidden; overflow-y:auto;  }
.jobmask_mid_1{
font-size:1.875vw;}
.jobinfo_3_1{
font-size:1.125em;}
.jobinfo_3_2{
line-height:2; margin-top:.875em;}
.jobmask .jobinfo_2:after {
background-color:#fff}
.jobmask .jobinfo_3{
overflow:visible; display:block}
.jobmask_mid_close{ z-index:10;
position:absolute; right:1.40625vw; top:1.40625vw;;}
.jobmask_mid_close a{
display:block; width:2.08333333333333vw; height:2.08333333333333vw; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/jobs/img3.png);}
.jobmask_mid_close a{
-webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;}
.jobmask_mid_close a:hover{-webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}
.ovh{
overflow:hidden}
/********contact****************/
.contact_1{
position:relative; overflow:hidden}
.contact_1_mid_right{
position:absolute; right:0; top:0; height:100%; width:54.27083333333333%;}
.contact_1_mid_right_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/contact/img1.jpg);}
.contact_1_mid_left{ margin:10.15625vw 0;
width:38.33967046894804%;}
.contact_1_mid_left_1{
color:#262a31; font-size:1.25em; margin-top:1.5vw;}
.contact_1_mid_left_2{
line-height:1.5; margin-top:.5vw;}
.contact_1_mid_left_3 p{
margin-top:1em;}
.contact_2{
position:relative; width:100%; height:41.40625vw;}
.contact_2 .BMap_pop img{
max-width:none}
.dsk{background-color:#4c9518;border-radius:50%;  
 opacity:0;
 -webkit-animation:ripple 4s ease-out 225ms infinite;
 -moz-animation:ripple 4s ease-out 225ms infinite;
 -o-animation:ripple 4s ease-out 225ms infinite;
 animation:ripple 4s ease-out 225ms infinite; 
position:absolute; left:0; top:0; width:60px; height:60px; z-index:1;}
  
  
  @keyframes ripple{0%{opacity:0;transform:scale(.1,.1)}5%{opacity:1}100%{opacity:0;transform:scale(1.8)}}
  
    @keyframes ripple2{0%{opacity:1;transform:scale(1.1,1.1)}5%{opacity:1}100%{opacity:0;transform:scale(1.8)}}
 
.dsk:before{
content:'';
display:block;
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 border-radius:50%;
 background-color:#4c9518;
 opacity:0; width:60px; height:60px;
 -webkit-animation:ripple2 4s ease-out 925ms infinite;
 -moz-animation:ripple2 4s ease-out 925ms infinite;
 -o-animation:ripple2 4s ease-out 925ms infinite;
 animation:ripple2 4s ease-out 925ms infinite
}
.mp1{
font-size:18px;}
.mp2{
font-size:14px;}
.indexnews_hide{
display:none}
.ser_map_mid_right{ margin-top:7.8125vw;
float:right; width:34.2422320862397%;}
.ser_map_mid_right_1{
line-height:1.8; margin-top:1.5vw; margin-bottom:2.3vw;}
.ser_map_mid_right_2 a{ height:3.64583333333333vw; line-height:3.64583333333333vw;
display:block; border:1px #8c8c8c solid; width:16.14583333333333vw; text-align:center;}
.ser_map_mid_right_2 a span{
display:block; margin:0 18.70967741935484%; position:relative; height:100%;}
.ser_map_mid_right_2 a span:after{
content:''; position:absolute; left:0; top:50%; width:100%; height:1px; background-color:#a3a3a3;transform:translateY(-50%);}
.ser_map_mid_right_2 a span i{
position:absolute; left:23.67149758454106%; top:50%; z-index:10;transform:translateY(-50%); width:15px; height:15px; border:2px #454545 solid;border-radius: 100%; background-color:#fff;}
.sermar_1{
margin:6.61458333333333vw 0;}
.sermar_2_mid{
text-align:center; margin-bottom:8.07291666666667vw;}
.sermar_2_mid ul li{
display:inline-block; margin:0 1.375em;}
.sermar_2_mid ul li a{
font-size:1.375em; color:#000; position:relative; display:inline-block; padding-left:1.566666666666667em;}
.sermar_2_mid ul li a:after{
content:''; position:absolute; left:0; top:50%;transform:translateY(-50%); background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img22.png); width:1.1em; height:1.1em;}
.sermar_2_mid ul li a.on:after{
background-image:url(../images/about/img21.png);}
/*****service map**********/
.ser_map_mid_left{
float:left; width:59.79708306911858%;}
.ser_map_mid_left_mid{
width:100%; position:relative;}
.ser_map_mid_left_mid img{
width:100%;}
.ser_map_mid_left_mid a {
 color:#fff;
 display:block;
 position:absolute;
 left:0;
 top:0;
 background-position:left top;
 background-repeat:no-repeat
}
.ser_map_mid_left_mid a div.mpk{ min-height:110px; display:none; -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
position:absolute; width:240px; background-color:#fff;   z-index:10;  border-radius: 10px;}
.ser_map_mid_left_mid a div.mpk:after{ left:-17px; position:absolute; top:40px;
content:''; width:17px; height:32px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img20.png);}
.ser_map_mid_left_mid a div.mpk i{
cursor:pointer; position:absolute; top:15px; right:15px; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img19.png); width:17px; height:16px;}
.ser_map_mid_left_mid a div.mpk p{
padding:0 25px;}
.ser_map_mid_left_mid a div.mpk p:nth-child(2){
color:#225f9d; font-size:20px; padding-top:20px;
}
.ser_map_mid_left_mid a div.mpk p:nth-child(3){
color:#000; line-height:1.6; padding-bottom:10px; padding-top:10px;
}
.ser_map_mid_left_mid a span {
 position:absolute;
 left:0;
 top:0;
 width:40px;
 color:#606060
}
.ser_map_mid_left_mid a span i{
opacity:0;
 }
.ser_map_mid_left_mid a.sel span:after{ background-color:#fff;border-radius:50%;
content:''; position:absolute; width:14px; height:14px; left:50%; top:50%;transform:translate(-50%, -50%); }

.ser_map_mid_left_mid a.mid span:after{transform: scale(.7, .7);}
.ser_map_mid_left_mid a.sma span:after{transform: scale(.4, .4);}

.ser_map_mid_left_mid a:hover span,
.ser_map_mid_left_mid a.current span {
 color:#fff
}
.sel span:before{ left:calc(50% - 6.40625vw);top:calc(50% - 6.40625vw); width:12.8125vw; height:12.8125vw; background-image:url(../images/about/c.png); background-position:center; background-repeat:no-repeat; background-size:cover;  border-radius:50%;
content:''; position:absolute; animation: fades 3s 0.4s linear infinite;pointer-events:none }
.sel.sma span:before{transform: scale(.4, .4); animation: fades_sma 3s 0.4s linear infinite;left:calc(50% - 6vw);top:calc(50% - 6vw); }
.sel.mid span:before{transform: scale(.7, .7); animation: fades_mid 3s 0.4s linear infinite;left:calc(50% - 6.10625vw);top:calc(50% - 6.10625vw);}

.sel:nth-child(2n+2) span:before {
  transition-delay: 0.5s;
  animation: fades 3s 0.9s linear infinite;
}

.sel.sma:nth-child(2n+2) span:before {
  transition-delay: 0.5s;
  animation: fades_sma 3s 0.9s linear infinite;
}
.sel.mid:nth-child(2n+2) span:before {
  transition-delay: 0.5s;
  animation: fades_mid 3s 0.9s linear infinite;
}

.sel:nth-child(3n+3) span:before {
  transition-delay: 0.7s;
  animation: fades 4s 1.4s linear infinite;
}
.sel.sma:nth-child(3n+3) span:before {
  transition-delay: 0.7s;
  animation: fades_sma 4s 1.4s linear infinite;
}
.sel.mid:nth-child(3n+3) span:before {
  transition-delay: 0.7s;
  animation: fades_mid 4s 1.4s linear infinite;
}
 

@keyframes fades {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.4;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
 

@keyframes fades_sma {
  0% {
    opacity: 1;
    transform: scale(.4);
  }
  50% {
    opacity: 0.4;
    transform: scale(.6);
  }
  100% {
    opacity: 1;
    transform: scale(.4);
  }
}

@keyframes fades_mid {
  0% {
    opacity: 1;
    transform: scale(.7);
  }
  50% {
    opacity: 0.4;
    transform: scale(.9);
  }
  100% {
    opacity: 1;
    transform: scale(.7);
  }
}
 



.ser_map_mid_left_mid a.s1 {
 width:39.70588235294118%;
 height:36.51452282157676%;
 top:8.71369294605809%
}
.ser_map_mid_left_mid a.s1 span {
  left:41.1522633744856%;
 top:56.81818181818182%
}
.ser_map_mid_left_mid a.s1.sma span {
  left:16.46090534979424%;
 top:22.72727272727273%
}
.ser_map_mid_left_mid a.s1.mid span {
  left:28.80658436213992%;
 top:39.77272727272727%
}

.ser_map_mid_left_mid a.s1 div.mpk {
  
  left:calc(41.1522633744856% + 50px);
  top:calc(56.81818181818182% - 40px); 
}
.ser_map_mid_left_mid a.s1.mid div.mpk {
  
  left:calc(41.1522633744856% + 50px);
  top:calc(56.81818181818182% - 45px); 
}

.ser_map_mid_left_mid a.s1:hover,
.ser_map_mid_left_mid a.s1.current {
 background-image:url(../images/address/s1.png)
}
.ser_map_mid_left_mid a.s2 {
 width:45.26143790849673%;
 height:43.15352697095436%;
 top:1.86721991701245%;
 left:40.35947712418301%
}
.ser_map_mid_left_mid a.s2 span {
 left:43.32129963898917%;
 top:72.11538461538462%
}

.ser_map_mid_left_mid a.s2 div.mpk {
  
  left:calc(43.32129963898917% + 50px);
  top:calc(72.11538461538462% - 40px);
  
  
}
.ser_map_mid_left_mid a.s2.mid div.mpk {
  
  left:calc(43.32129963898917% + 50px);
  top:calc(72.11538461538462% - 45px);
  
  
}

.ser_map_mid_left_mid a.s2.sma span {
 left:17.32851985559567%;
 top:28.84615384615385%
}
.ser_map_mid_left_mid a.s2.mid span {
 left:30.32490974729242%;
 top:50.48076923076923%
}
.ser_map_mid_left_mid a.s2:hover,
.ser_map_mid_left_mid a.s2.current {
 background-image:url(../images/address/s2.png)
}
.ser_map_mid_left_mid a.s3 {
 width:22.87581699346405%;
 height:24.89626556016598%;
 top:0;
 left:77.12418300653595%
}
.ser_map_mid_left_mid a.s3 span {
 left:42.85714285714286%;
 top:50%
}
.ser_map_mid_left_mid a.s3 div.mpk {
  
  left:calc(42.85714285714286% + 50px);
  top:calc(50% - 40px);
  
  
}
.ser_map_mid_left_mid a.s3.mid div.mpk {
  
  left:calc(42.85714285714286% + 50px);
  top:calc(50% - 45px);
  
  
}
.ser_map_mid_left_mid a.s3.sma span {
 left:17.14285714285714%;
 top:20%
}
.ser_map_mid_left_mid a.s3.mid span {
 left:30%;
 top:35%
}
.ser_map_mid_left_mid a.s3:hover,
.ser_map_mid_left_mid a.s3.current {
 background-image:url(../images/address/s3.png)
}
.ser_map_mid_left_mid a.s4 {
 width:16.01307189542484%;
 height:13.48547717842324%;
 top:19.29460580912863%;
 left:81.20915032679739%
}
.ser_map_mid_left_mid a.s4 span {
 left:30.61224489795918%;
 top:23.07692307692308%
}

.ser_map_mid_left_mid a.s4 div.mpk {
  
  left:calc(30.61224489795918% + 50px);
  top:calc(23.07692307692308% - 40px);
  
  
}
.ser_map_mid_left_mid a.s4.mid div.mpk {
  
  left:calc(30.61224489795918% + 50px);
  top:calc(23.07692307692308% - 45px);
  
  
}

.ser_map_mid_left_mid a.s4.sma span {
 left:12.24489795918367%;
 top:9.230769230769232%
}
.ser_map_mid_left_mid a.s4.mid span {
 left:21.42857142857143%;
 top:16.15384615384616%
}
.ser_map_mid_left_mid a.s4:hover,
.ser_map_mid_left_mid a.s4.current {
 background-image:url(../images/address/s4.png)
}
.ser_map_mid_left_mid a.s5 {
 width:11.43790849673203%;
 height:14.52282157676349%;
 top:26.76348547717842%;
 left:78.43137254901961%
}
.ser_map_mid_left_mid a.s5 span {
left:42.85714285714286%;
 top:28.57142857142857%
}

.ser_map_mid_left_mid a.s5 div.mpk {
  
  left:calc(42.85714285714286% + 50px);
  top:calc(28.57142857142857% - 40px);
}
.ser_map_mid_left_mid a.s5.mid div.mpk {
  
  left:calc(42.85714285714286% + 50px);
  top:calc(28.57142857142857% - 45px);
}

.ser_map_mid_left_mid a.s5.sma span {
left:17.14285714285714%;
 top:11.42857142857143%
}
.ser_map_mid_left_mid a.s5.mid span {
left:30%;
 top:20%
}
.ser_map_mid_left_mid a.s5:hover,
.ser_map_mid_left_mid a.s5.current {
 background-image:url(../images/address/s5.png)
}
.ser_map_mid_left_mid a.s6 {
 width:11.43790849673203%;
 height:18.67219917012448%;
 top:30.29045643153527%;
 left:68.95424836601307%
}
.ser_map_mid_left_mid a.s6 span {
left:14.28571428571429%;
 top:55.55555555555556%
}
.ser_map_mid_left_mid a.s6 div.mpk {
  
  left:calc(14.28571428571429% + 50px);
  top:calc(55.55555555555556% - 40px);
}
.ser_map_mid_left_mid a.s6.mid div.mpk {
  
  left:calc(14.28571428571429% + 40px);
  top:calc(55.55555555555556% - 55px);
}
.ser_map_mid_left_mid a.s6.sma span {
left:5.714285714285716%;
 top:22.22222222222222%
}
.ser_map_mid_left_mid a.s6.mid span {
left:-4%;
 top:38.88888888888889%
}
.ser_map_mid_left_mid a.s6:hover,
.ser_map_mid_left_mid a.s6.current {
 background-image:url(../images/address/s6.png)
}
.ser_map_mid_left_mid a.s7 {
 width:3.26797385620915%;
 height:4.5643153526971%;
 top:35.06224066390041%;
 left:72.05882352941176%
}
.ser_map_mid_left_mid a.s7:hover,
.ser_map_mid_left_mid a.s7.current {
 background-image:url(../images/address/s7.png)
}
.ser_map_mid_left_mid a.s8 {
 width:3.26797385620915%;
 height:4.149377593361%;
 top:37.34439834024896%;
 left:74.67320261437908%
}
.ser_map_mid_left_mid a.s8 span {
left:50%;
 top:50%
}
.ser_map_mid_left_mid a.s8 div.mpk {
  
  left:calc(50% + 50px);
  top:calc(50% - 40px);
}
.ser_map_mid_left_mid a.s8.mid div.mpk {
  
  left:calc(50% + 50px);
  top:calc(50% - 45px);
}
.ser_map_mid_left_mid a.s8.sma span {
left:20%;
 top:20%
}
.ser_map_mid_left_mid a.s8.mid span {
left:35%;
 top:35%
}
.ser_map_mid_left_mid a.s8:hover,
.ser_map_mid_left_mid a.s8.current {
 background-image:url(../images/address/s8.png)
}
.ser_map_mid_left_mid a.s9 {
 width:7.84313725490196%;
 height:17.42738589211618%;
 top:36.30705394190871%;
 left:62.74509803921569%
}
.ser_map_mid_left_mid a.s9 span {
left:20.83333333333333%;
 top:35.71428571428571%
}
.ser_map_mid_left_mid a.s9 div.mpk {
  
  left:calc(20.83333333333333% + 50px);
  top:calc(35.71428571428571% - 40px);
}
.ser_map_mid_left_mid a.s9.mid div.mpk {
  
  left:calc(20.83333333333333% + 50px);
  top:calc(35.71428571428571% - 45px);
}
.ser_map_mid_left_mid a.s9.sma span {
left:8.333333333333332%;
 top:14.28571428571428%
}
.ser_map_mid_left_mid a.s9.mid span {
left:14.58333333333333%;
 top:25%
}
.ser_map_mid_left_mid a.s9:hover,
.ser_map_mid_left_mid a.s9.current {
 background-image:url(../images/address/s9.png)
}
.ser_map_mid_left_mid a.s10 {
 width:10.45751633986928%;
 height:21.99170124481328%;
 top:39.83402489626556%;
 left:54.41176470588235%
}
.ser_map_mid_left_mid a.s10 span {
 left:46.875%;
 top:47.16981132075472%
}
.ser_map_mid_left_mid a.s10 div.mpk {
  
  left:calc(46.875% + 50px);
  top:calc(47.16981132075472% - 40px);
}
.ser_map_mid_left_mid a.s10.mid div.mpk {
  
  left:calc(46.875% + 50px);
  top:calc(47.16981132075472% - 45px);
}
.ser_map_mid_left_mid a.s10 div.mpk {
  
  left:calc(46.875% + 50px);
  top:calc(47.16981132075472% - 40px);
}
.ser_map_mid_left_mid a.s10.sma span {
 left:18.75%;
 top:18.86792452830189%
}
.ser_map_mid_left_mid a.s10.mid span {
 left:32.8125%;
 top:33.0188679245283%
}
.ser_map_mid_left_mid a.s10:hover,
.ser_map_mid_left_mid a.s10.current {
 background-image:url(../images/address/s10.png)
}
.ser_map_mid_left_mid a.s11 {
 width:27.12418300653595%;
 height:29.87551867219917%;
 top:29.04564315352697%;
 left:33.16993464052288%
}
.ser_map_mid_left_mid a.s11 span {
 left:36.14457831325301%;
 top:27.77777777777778%
}

.ser_map_mid_left_mid a.s11 div.mpk {
  
  left:calc(36.14457831325301% + 50px);
  top:calc(27.77777777777778% - 40px);
}
.ser_map_mid_left_mid a.s11.mid div.mpk {
  
  left:calc(36.14457831325301% + 50px);
  top:calc(27.77777777777778% - 45px);
}

.ser_map_mid_left_mid a.s11.sma span {
 left:14.4578313253012%;
 top:11.11111111111111%
}
.ser_map_mid_left_mid a.s11.mid span {
 left:25.30120481927711%;
 top:19.44444444444445%
}
.ser_map_mid_left_mid a.s11:hover,
.ser_map_mid_left_mid a.s11.current {
 background-image:url(../images/address/s12.png)
}
.ser_map_mid_left_mid a.s12 {
 width:5.22875816993464%;
 height:11.41078838174274%;
 top:40.45643153526971%;
 left:52.45098039215686%
}
.ser_map_mid_left_mid a.s12 span {
 top:18.18181818181818%
}
.ser_map_mid_left_mid a.s12 div.mpk {
  
  left:calc(18.18181818181818% + 50px);
   
}
.ser_map_mid_left_mid a.s12.sma span {
 top:7.272727272727272%
}
.ser_map_mid_left_mid a.s12.mid span {
 top:12.72727272727273%
}
.ser_map_mid_left_mid a.s12:hover,
.ser_map_mid_left_mid a.s12.current {
 background-image:url(../images/address/s11.png)
}
.ser_map_mid_left_mid a.s13 {
 width:38.23529411764706%;
 height:31.32780082987552%;
 top:41.49377593360996%;
 left:2.94117647058824%
}
.ser_map_mid_left_mid a.s13 span {
left:34.18803418803419%;
 top:39.73509933774834%
}
.ser_map_mid_left_mid a.s13 div.mpk {
  
  left:calc(34.18803418803419% + 50px);
  top:calc(39.73509933774834% - 40px);
}
.ser_map_mid_left_mid a.s13.mid div.mpk {
  
  left:calc(34.18803418803419% + 50px);
  top:calc(39.73509933774834% - 45px);
}
.ser_map_mid_left_mid a.s13.sma span {
left:13.67521367521368%;
 top:15.89403973509934%
}
.ser_map_mid_left_mid a.s13.mid span {
left:23.93162393162393%;
 top:27.81456953642384%
}
.ser_map_mid_left_mid a.s13:hover,
.ser_map_mid_left_mid a.s13.current {
 background-image:url(../images/address/s14.png)
}
.ser_map_mid_left_mid a.s14 {
 width:25.81699346405229%;
 height:22.82157676348548%;
 top:37.34439834024896%;
 left:23.8562091503268%
}
.ser_map_mid_left_mid a.s14 span {
 left:37.9746835443038%;
 top:36.36363636363636%
}
.ser_map_mid_left_mid a.s14 div.mpk {
  
  left:calc(37.9746835443038% + 50px);
  top:calc(36.36363636363636% - 45px);
}
.ser_map_mid_left_mid a.s14.mid div.mpk {
  
  left:calc(37.9746835443038% + 50px);
  top:calc(36.36363636363636% - 45px);
}
.ser_map_mid_left_mid a.s14.sma span {
 left:15.18987341772152%;
 top:14.54545454545454%
}
.ser_map_mid_left_mid a.s14.mid span {
 left:26.58227848101266%;
 top:25.45454545454545%
}
.ser_map_mid_left_mid a.s14:hover,
.ser_map_mid_left_mid a.s14.current {
 background-image:url(../images/address/s13.png)
}
.ser_map_mid_left_mid a.s15 {
 width:23.20261437908497%;
 height:24.06639004149378%;
 top:53.94190871369295%;
 left:37.90849673202614%
}
.ser_map_mid_left_mid a.s15 span {
  left:42.25352112676056%;
 top:34.48275862068966%
}
.ser_map_mid_left_mid a.s15 div.mpk {
  
  left:calc(42.25352112676056% + 50px);
  top:calc(34.48275862068966% - 40px);
}
.ser_map_mid_left_mid a.s15.mid div.mpk {
  
  left:calc(42.25352112676056% + 50px);
  top:calc(34.48275862068966% - 45px);
}
.ser_map_mid_left_mid a.s15.sma span {
  left:16.90140845070422%;
 top:13.79310344827586%
}
.ser_map_mid_left_mid a.s15.mid span {
  left:29.57746478873239%;
 top:24.13793103448276%
}
.ser_map_mid_left_mid a.s15:hover,
.ser_map_mid_left_mid a.s15.current {
 background-image:url(../images/address/s15.png)
}
.ser_map_mid_left_mid a.s16 {
 width:12.74509803921569%;
 height:9.95850622406639%;
 top:43.77593360995851%;
 left:71.89542483660131%
}
.ser_map_mid_left_mid a.s16 span {
 left:12.82051282051282%;
 top:20.83333333333333%
}
.ser_map_mid_left_mid a.s16 div.mpk {
  
  left:calc(12.82051282051282% + 50px);
  top:calc(20.83333333333333% - 40px);
}
.ser_map_mid_left_mid a.s16.mid div.mpk {
  
  left:calc(12.82051282051282% + 50px);
  top:calc(20.83333333333333% - 45px);
}
.ser_map_mid_left_mid a.s16.sma span {
 left:5.128205128205128%;
 top:8.333333333333332%
}
.ser_map_mid_left_mid a.s16.mid span {
 left:8.974358974358974%;
 top:14.58333333333333%
}
.ser_map_mid_left_mid a.s16:hover,
.ser_map_mid_left_mid a.s16.current {
 background-image:url(../images/address/s16.png)
}
.ser_map_mid_left_mid a.s17 {
 width:11.76470588235294%;
 height:13.69294605809129%;
 top:48.7551867219917%;
 left:63.39869281045752%
}
.ser_map_mid_left_mid a.s17 span {
  left:20.83333333333333%;
 top:30.3030303030303%
}
.ser_map_mid_left_mid a.s17 div.mpk {
  
  left:calc(20.83333333333333% + 50px);
  top:calc(30.3030303030303% - 40px);
}
.ser_map_mid_left_mid a.s17.mid div.mpk {
  
  left:calc(20.83333333333333% + 50px);
  top:calc(30.3030303030303% - 45px);
}
.ser_map_mid_left_mid a.s17.sma span {
  left:8.333333333333332%;
 top:12.12121212121212%
}
.ser_map_mid_left_mid a.s17.mid span {
  left:14.58333333333333%;
 top:21.21212121212121%
}
.ser_map_mid_left_mid a.s17:hover,
.ser_map_mid_left_mid a.s17.current {
 background-image:url(../images/address/s17.png)
}
.ser_map_mid_left_mid a.s18 {
 width:10.13071895424837%;
 height:12.44813278008299%;
 top:51.86721991701245%;
 left:74.50980392156863%
}
.ser_map_mid_left_mid a.s18 span {
 left:48.38709677419355%;
 top:33.33333333333333%
}
.ser_map_mid_left_mid a.s18 div.mpk {
  
  left:calc(48.38709677419355% + 50px);
  top:calc(33.33333333333333% - 40px);
}
.ser_map_mid_left_mid a.s18.mid div.mpk {
  
  left:calc(48.38709677419355% + 50px);
  top:calc(33.33333333333333% - 45px);
}
.ser_map_mid_left_mid a.s18.sma span {
 left:19.35483870967742%;
 top:13.33333333333333%
}
.ser_map_mid_left_mid a.s18.mid span {
 left:33.87096774193549%;
 top:23.33333333333333%
}
.ser_map_mid_left_mid a.s18:hover,
.ser_map_mid_left_mid a.s18.current {
 background-image:url(../images/address/s18.png)
}
.ser_map_mid_left_mid a.s19 {
 width:1.96078431372549%;
 height:3.11203319502075%;
 top:61.41078838174274%;
 left:82.6797385620915%
}
.ser_map_mid_left_mid a.s19 span {
 left:83.33333333333333%;
 top:0
}
.ser_map_mid_left_mid a.s19 div.mpk {
  
  left:calc(83.33333333333333% + 50px);
  top:0;
}
.ser_map_mid_left_mid a.s19.mid div.mpk {
  
  left:calc(83.33333333333333% + 50px);
  top:-45px;
}
.ser_map_mid_left_mid a.s19.sma span {
 left:33.33333333333333%;
 top:0
}
.ser_map_mid_left_mid a.s19.mid span {
 left:58.33333333333333%;
 top:0
}
.ser_map_mid_left_mid a.s19:hover,
.ser_map_mid_left_mid a.s19.current {
 background-image:url(../images/address/s19.png)
}
.ser_map_mid_left_mid a.s20 {
 width:9.80392156862745%;
 height:14.52282157676349%;
 top:52.69709543568465%;
 left:72.38562091503268%
}
.ser_map_mid_left_mid a.s20 span {
  left:21.66666666666667%;
 top:35.71428571428571%
}
.ser_map_mid_left_mid a.s20 div.mpk {
  
   left:calc(21.66666666666667% + 50px);
  top:calc(35.71428571428571% - 40px);
  
}
.ser_map_mid_left_mid a.s20.mid div.mpk {
  
   left:calc(21.66666666666667% + 50px);
  top:calc(35.71428571428571% - 45px);
  
}
.ser_map_mid_left_mid a.s20.sma span {
  left:8.666666666666668%;
 top:14.28571428571428%
}
.ser_map_mid_left_mid a.s20.mid span {
  left:15.16666666666667%;
 top:25%
}
.ser_map_mid_left_mid a.s20:hover,
.ser_map_mid_left_mid a.s20.current {
 background-image:url(../images/address/s20.png)
}
.ser_map_mid_left_mid a.s21 {
 width:15.35947712418301%;
 height:12.03319502074689%;
 top:57.26141078838174%;
 left:59.64052287581699%
}
.ser_map_mid_left_mid a.s21 span {
left:31.91489361702128%;
 top:25.86206896551724%
}
.ser_map_mid_left_mid a.s21 div.mpk {
  
   left:calc(31.91489361702128% + 50px);
  top:calc(25.86206896551724% - 40px);
  
}
.ser_map_mid_left_mid a.s21.mid div.mpk {
  
   left:calc(31.91489361702128% + 50px);
  top:calc(25.86206896551724% - 45px);
  
}
.ser_map_mid_left_mid a.s21.mid span {
left:22.3404255319149%;
 top:18.10344827586207%
}
.ser_map_mid_left_mid a.s21.sma span {
left:12.76595744680851%;
 top:10.3448275862069%
}


.ser_map_mid_left_mid a.s21:hover,
.ser_map_mid_left_mid a.s21.current {
 background-image:url(../images/address/s21.png)
}
.ser_map_mid_left_mid a.s22 {
 width:8.49673202614379%;
 height:11.20331950207469%;
 top:60.78838174273859%;
 left:54.57516339869281%
}
.ser_map_mid_left_mid a.s22 span {
left:19.23076923076923%;
 top:37.03703703703704%
}
.ser_map_mid_left_mid a.s22 div.mpk {
  
   left:calc(19.23076923076923% + 50px);
  top:calc(37.03703703703704% - 40px);
  
}
.ser_map_mid_left_mid a.s22.mid div.mpk {
  
   left:calc(19.23076923076923% + 50px);
  top:calc(37.03703703703704% - 45px);
  
}
.ser_map_mid_left_mid a.s22.sma span {
left:7.692307692307692%;
 top:14.81481481481482%
}
.ser_map_mid_left_mid a.s22.mid span {
left:13.46153846153846%;
 top:25.92592592592593%
}

.ser_map_mid_left_mid a.s22:hover,
.ser_map_mid_left_mid a.s22.current {
 background-image:url(../images/address/s22.png)
}
.ser_map_mid_left_mid a.s23 {
 width:6.20915032679739%;
 height:9.33609958506224%;
 top:63.69294605809129%;
 left:79.08496732026144%
}
.ser_map_mid_left_mid a.s23 span {
left:13.15789473684211%;
 top:33.33333333333333%
}
.ser_map_mid_left_mid a.s23 div.mpk {
  
   left:calc(13.15789473684211% + 50px);
  top:calc(33.33333333333333% - 40px);
  
}
.ser_map_mid_left_mid a.s23.mid div.mpk {
  
   left:calc(13.15789473684211% + 50px);
  top:calc(33.33333333333333% - 45px);
  
}
.ser_map_mid_left_mid a.s23.sma span {
left:-10%;
 top:13.33333333333333%
}
.ser_map_mid_left_mid a.s23.mid span {
left:9.210526315789477%;
 top:23.33333333333333%
}
.ser_map_mid_left_mid a.s23:hover,
.ser_map_mid_left_mid a.s23.current {
 background-image:url(../images/address/s23.png)
}
.ser_map_mid_left_mid a.s24 {
 width:8.16993464052288%;
 height:13.07053941908714%;
 top:70.53941908713693%;
 left:75%
}
.ser_map_mid_left_mid a.s24 span {
 left:20%;
 top:31.74603174603175%
}
.ser_map_mid_left_mid a.s24 div.mpk {
  
   left:calc(20% + 50px);
  top:calc(31.74603174603175% - 40px);
  
}
.ser_map_mid_left_mid a.s24.mid div.mpk {
  
   left:calc(20% + 50px);
  top:calc(31.74603174603175% - 45px);
  
}
.ser_map_mid_left_mid a.s24.sma span {
 left:8%;
 top:12.6984126984127%
}
.ser_map_mid_left_mid a.s24.mid span {
 left:14%;
 top:22.22222222222223%
}
.ser_map_mid_left_mid a.s24:hover,
.ser_map_mid_left_mid a.s24.current {
 background-image:url(../images/address/s24.png)
}
.ser_map_mid_left_mid a.s25 {
 width:9.80392156862745%;
 height:16.59751037344398%;
 top:65.97510373443983%;
 left:70.09803921568627%
}
.ser_map_mid_left_mid a.s25 span {
 left:16.66666666666667%;
 top:25%
}
.ser_map_mid_left_mid a.s25 div.mpk {
  
   left:calc(16.66666666666667% + 50px);
  top:calc(25% - 40px);
  
}

.ser_map_mid_left_mid a.s25.mid div.mpk {
  
   left:calc(16.66666666666667% + 50px);
  top:calc(25% - 45px);
  
}
.ser_map_mid_left_mid a.s25.sma span {
 left:6.666666666666668%;
 top:10%
}
.ser_map_mid_left_mid a.s25.mid span {
 left:11.66666666666667%;
 top:17.5%
}
.ser_map_mid_left_mid a.s25:hover,
.ser_map_mid_left_mid a.s25.current {
 background-image:url(../images/address/s25.png)
}
.ser_map_mid_left_mid a.s26 {
 width:10.29411764705882%;
 height:16.18257261410788%;
 top:65.97510373443983%;
 left:60.7843137254902%
}
.ser_map_mid_left_mid a.s26 span {
 left:23.80952380952381%;
 top:25.64102564102564%
}
.ser_map_mid_left_mid a.s26 div.mpk {
  
   left:calc(23.80952380952381% + 50px);
  top:calc(25.64102564102564% - 40px);
  
}
.ser_map_mid_left_mid a.s26.mid div.mpk {
  
   left:calc(23.80952380952381% + 50px);
  top:calc(25.64102564102564% - 45px);
  
}
.ser_map_mid_left_mid a.s26.sma span {
 left:9.523809523809524%;
 top:10.25641025641026%
}
.ser_map_mid_left_mid a.s26.mid span {
 left:16.66666666666667%;
 top:17.94871794871795%
}
.ser_map_mid_left_mid a.s26:hover,
.ser_map_mid_left_mid a.s26.current {
 background-image:url(../images/address/s26.png)
}
.ser_map_mid_left_mid a.s27 {
 width:12.74509803921569%;
 height:12.86307053941909%;
 top:68.87966804979253%;
 left:49.50980392156863%
}
.ser_map_mid_left_mid a.s27 span {
 left:38.46153846153846%;
 top:32.25806451612903%
}
.ser_map_mid_left_mid a.s27 div.mpk {
  
   left:calc(38.46153846153846% + 50px);
  top:calc(32.25806451612903% - 40px);
  
}
.ser_map_mid_left_mid a.s27.mid div.mpk {
  
   left:calc(38.46153846153846% + 50px);
  top:calc(32.25806451612903% - 45px);
  
}
.ser_map_mid_left_mid a.s27.sma span {
 left:15.38461538461538%;
 top:12.90322580645161%
}
.ser_map_mid_left_mid a.s27.mid span {
 left:26.92307692307692%;
 top:22.58064516129032%
}
.ser_map_mid_left_mid a.s27:hover,
.ser_map_mid_left_mid a.s27.current {
 background-image:url(../images/address/s27.png)
}
.ser_map_mid_left_mid a.s28 {
 width:18.95424836601307%;
 height:22.61410788381743%;
 top:68.46473029045643%;
 left:35.94771241830065%
}
.ser_map_mid_left_mid a.s28 span {
left:34.48275862068966%;
 top:41.28440366972477%
}
.ser_map_mid_left_mid a.s28 div.mpk {
  
   left:calc(34.48275862068966% + 50px);
  top:calc(41.28440366972477% - 40px);
  
}
.ser_map_mid_left_mid a.s28.mid div.mpk {
  
   left:calc(34.48275862068966% + 50px);
  top:calc(41.28440366972477% - 45px);
  
}
.ser_map_mid_left_mid a.s28.sma span {
left:13.79310344827586%;
 top:16.51376146788991%
}
.ser_map_mid_left_mid a.s28.mid span {
left:24.13793103448276%;
 top:28.89908256880734%
}
.ser_map_mid_left_mid a.s28:hover,
.ser_map_mid_left_mid a.s28.current {
 background-image:url(../images/address/s28.png)
}
.ser_map_mid_left_mid a.s29 {
 width:15.68627450980392%;
 height:13.69294605809129%;
 top:77.38589211618257%;
 left:51.47058823529412%
}
.ser_map_mid_left_mid a.s29 span {
 left:41.66666666666667%;
 top:30.3030303030303%
}
.ser_map_mid_left_mid a.s29 div.mpk {
  
   left:calc(41.66666666666667% + 50px);
  top:calc(30.3030303030303% - 40px);
  
}
.ser_map_mid_left_mid a.s29.mid div.mpk {
  
   left:calc(41.66666666666667% + 50px);
  top:calc(30.3030303030303% - 45px);
  
}
.ser_map_mid_left_mid a.s29.sma span {
 left:16.66666666666667%;
 top:12.12121212121212%
}
.ser_map_mid_left_mid a.s29.mid span {
 left:29.16666666666667%;
 top:21.21212121212121%
}
.ser_map_mid_left_mid a.s29:hover,
.ser_map_mid_left_mid a.s29.current {
 background-image:url(../images/address/s29.png)
}
.ser_map_mid_left_mid a.s30 {
 width:16.99346405228758%;
 height:14.73029045643154%;
 top:79.46058091286307%;
 left:61.11111111111111%
}
.ser_map_mid_left_mid a.s30 span {
left:38.46153846153846%;
 top:21.12676056338028%
}
.ser_map_mid_left_mid a.s30 div.mpk {
  
   left:calc(38.46153846153846% + 50px);
  top:calc(21.12676056338028% - 40px);
  
}
.ser_map_mid_left_mid a.s30.mid div.mpk {
  
   left:calc(38.46153846153846% + 50px);
  top:calc(21.12676056338028% - 45px);
  
}
.ser_map_mid_left_mid a.s30.sma span {
left:15.38461538461538%;
 top:8.450704225352112%
}
.ser_map_mid_left_mid a.s30.mid span {
left:26.92307692307692%;
 top:14.7887323943662%
}
.ser_map_mid_left_mid a.s30:hover,
.ser_map_mid_left_mid a.s30.current {
 background-image:url(../images/address/s30.png)
}
.ser_map_mid_left_mid a.s31 {
 width:4.08496732026144%;
 height:9.33609958506224%;
 top:78.83817427385892%;
 left:82.51633986928105%
}
.ser_map_mid_left_mid a.s31:hover,
.ser_map_mid_left_mid a.s31.current {
 background-image:url(../images/address/s31.png)
}
.ser_map_mid_left_mid a.s32 {
 width:5.22875816993464%;
 height:5.18672199170124%;
 top:94.60580912863071%;
 left:58.33333333333333%
}
.ser_map_mid_left_mid a.s32:hover,
.ser_map_mid_left_mid a.s32.current {
 background-image:url(../images/address/s32.png)
}
.ser_map_mid_left_mid a.s33 {
 width:1.96078431372549%;
 height:1.45228215767635%;
 top:87.13692946058091%;
 left:69.77124183006536%
}
.ser_map_mid_left_mid a.s33 span {
 left:83.33333333333333%;
 top:0
}
.ser_map_mid_left_mid a.s33 div.mpk {
  
   left:calc(83.33333333333333% + 50px);
  top:-40px;
  
}
.ser_map_mid_left_mid a.s33.mid div.mpk {
  
   left:calc(83.33333333333333% + 50px);
  top:-45px;
  
}
.ser_map_mid_left_mid a.s33.sma span {
 left:33.33333333333333%;
 top:0
}
.ser_map_mid_left_mid a.s33.mid span {
 left:58.33333333333333%;
 top:0
}
.ser_map_mid_left_mid a.s33:hover,
.ser_map_mid_left_mid a.s33.current {
 background-image:url(../images/address/s33.png)
}
.ser_map_mid_left_mid a.s34 {
 width:0.81699346405229%;
 height:1.6597510373444%;
 top:88.17427385892116%;
 left:67.81045751633987%
}
.ser_map_mid_left_mid a.s34 span {
 left:-10px;
 top:0
}
.ser_map_mid_left_mid a.s34 div.mpk {
  
   left:70px;
  top:-40px;
  
}
.ser_map_mid_left_mid a.s34.mid div.mpk {
  
   left:70px;
  top:-45px;
  
}
.ser_map_mid_left_mid a.s34:hover,
.ser_map_mid_left_mid a.s34.current {
 background-image:url(../images/address/s34.png)
}
/************footer*************/









/*footer*/
.footer{  overflow: hidden; background-color: #2a3139; width: 100%; padding-top:80px;}

.xia{ width:88%; margin:0 6%; }
.xia_lo{ width:162px; float:left}
.xia_lo h4{ color:#FFFFFF; font-size:20px; line-height:30px; text-align:left; padding-top:10px; font-weight:normal}
.xia_lo p{ width:100%; float:left; font-size:16px; line-height:30px;}
.xia_lo p a{ color:rgba(255,255,255,.8); }
.xia_lo p a:hover{ color:#fff; }

.xia_lo1{ width:260px; float:left}
.xia_lo1 h4{ color:#FFFFFF; font-size:20px; line-height:30px; text-align:left; padding-top:10px; font-weight:normal}
.xia_lo1 p{ width:130px; float:left; font-size:16px; line-height:30px;}
.xia_lo1 p a{ color:rgba(255,255,255,.8); }
.xia_lo1 p a:hover{ color:#fff; }


.lianx { width:470px; padding-right:30px; padding-left:40px; float:left;color:#FFFFFF; line-height:28px; border-left:1px solid rgba(255,255,255,.1); border-right:1px solid rgba(255,255,255,.1); padding-bottom:50px;}
.lianx h4{ color:#FFFFFF; font-size:20px; line-height:30px; text-align:left; padding-top:10px; font-weight:normal}
.lianx h4 b{ width:100%; font-family:Barlow-Regular; float:left; line-height:74px; font-size:35px;}
.lianx a{color:#FFFFFF;}


.ewm1{ float:right; width:130px; padding-top:60px;}

.ewm{ float:right; width:120px; padding-left:20px; text-align:center; color:rgba(255,255,255,.8); line-height:35px; }

.banquan{ width:100%; float:left; padding-top:20px; border-top: rgba(255,255,255,.1) solid 1px; margin-top:40px; padding-bottom:30px;color:#fff; margin-top:50px;}
.banquan a{color:#fff}










#footer{ overflow:hidden;
background-color:#2a3139; border-top:4px #4c9518 solid;}
.footer_mid_1{ padding-right:12.6875em;
position:relative; padding-left:27.34375%;}
.footer_mid_1_left{
position:absolute; left:0; top:0; width:27.34375%}
.footer_mid_1_left_mid{
margin-right:17.53554502369668%;}
.footer_mid_1_mid{ color:#fff; padding:0 12%; margin-right:3.5625em;
border-left:1px #565b61 solid;border-right:1px #565b61 solid; padding-bottom:2.6875em;}
.footer_mid{
margin:0 5%;}
.footer_mid_1_mid_1{
font-family:Calibri; font-size:1.5em; }
.footer_mid_1_mid_2{
font-size:1.125em; margin-top:1em; margin-bottom:.75em; line-height:1.6;}
.footer_mid_1_mid_3{font-family:Calibri;
color:#effdef; border-bottom:1px #565b61 solid; padding-bottom:2em; margin-bottom:1.5em;}
.footer_mid_1_mid_4 ul li{
display:inline-block;}
.footer_mid_1_mid_4_1{color:#effdef; 
font-size:1.125em;font-family:Calibri; margin-top:.5em; }
.footer_mid_1_mid_4_1 a{color:#effdef; }
.footer_mid_1_mid_4_1 a:hover{
color:#fff}
.footer_mid_1_mid_4 ul li:nth-child(1){
margin-right:3.48958333333333vw;}
.footer_mid_1_left_mid_2{font-family:mb;
color:#fff; margin-top:20px; padding-bottom:1.5em; position:relative; text-transform:uppercase;  }
.footer_mid_1_left_mid_2:after{ background-color:#4c9518;
content:''; position:absolute; left:0; bottom:0; height:2px; width:5.05208333333333vw;}
.footer_mid_1_right{
position:absolute; right:0; top:0; width:12.6875em}
.footer_mid_1_right_mid{
 }
.footer_mid_1_right_mid_1{
font-size:1.5em; color:#fff}
.footer_mid_1_right_mid_2 ul li{
float:left; color:#fff; text-align:center; width:45%;}
.footer_mid_1_right_mid_2 ul li:nth-child(2n){
float:right}
.footer_mid_1_right_mid_2{
margin-top:1.75em;}
.footer_mid_1_right_mid_2_2{
margin-top:.5em;}
.footer_mid_1{ margin-bottom:3.75em;
margin-top:5.625em;}
.footer_mid_2_left{
float:left; font-size:.875em; }
.footer_mid_2_right{
float:right;}
.footer_mid_2{border-top:1px #565b61 solid;
line-height:1.5;color:#d0d0d0; padding:1em 0;}
.footer_mid_2 a{color:#d0d0d0;}
.footer_mid_2 a:hover{color:#fff;}
.footer_mid_2_right{
font-size:.875em; float:right;}
/************mobile*********************/
.header_btn{ display:none; z-index:888;
position:absolute; right:0; top:50%;transform:translateY(-50%);}
.menubtn { transition: 0.4s; position: relative; z-index: 20; float: right; cursor: pointer; width: 28px; height: 14px;}

.menubtn span { margin-top: 6px; display: block; width: 100%; height: 2px; background: #004098; position: relative; vertical-align: middle; -webkit-transition-duration: .3s, .3s; -moz-transition-duration: .3s, .3s; -ms-transition-duration: .3s, .3s; -o-transition-duration: .3s, .3s; transition-duration: .3s, .3s; -webkit-transition-delay: .3s, 0s; -moz-transition-delay: .3s, 0s; -ms-transition-delay: .3s, 0s; -o-transition-delay: .3s, 0s; transition-delay: .3s, 0s; cursor: pointer;}

.menubtn span:after,
.menubtn span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 2px; left: 0; background-color: #004098; -webkit-transition-duration: .3s, .3s; -moz-transition-duration: .3s, .3s; -ms-transition-duration: .3s, .3s; -o-transition-duration: .3s, .3s; transition-duration: .3s, .3s; -webkit-transition-delay: .3s, 0s; -moz-transition-delay: .3s, 0s; -ms-transition-delay: .3s, 0s; -o-transition-delay: .3s, 0s; transition-delay: .3s, 0s }

.menubtn span:before { top: -6px; -webkit-transition-property: top, transform; -moz-transition-property: top, transform; -ms-transition-property: top, transform; -o-transition-property: top, transform; transition-property: top, transform; }

.menubtn span:after { bottom: -6px; width: 16px; -webkit-transition-property: bottom, transform; -moz-transition-property: bottom, transform; -ms-transition-property: bottom, transform; -o-transition-property: bottom, transform; transition-property: bottom, transform; }

.menubtn.active span { background-color: transparent; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; -ms-transition-delay: 0s, 0s; -o-transition-delay: 0s, 0s; transition-delay: 0s, 0s }

.menubtn.active span:after,
.menubtn.active span:before { -webkit-transition-delay: 0s, .3s; -moz-transition-delay: 0s, .3s; -ms-transition-delay: 0s, .3s; -o-transition-delay: 0s, .3s; transition-delay: 0s, .3s }

.menubtn.active span:before { top: 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }

.menubtn.active span:after { width: 100%; bottom: 0px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.navigate-mark {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
}
.navigate {
  width: 90%;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 4;
  visibility: hidden;
  transition: 0.7s;
}
.navigate.show {
  visibility: visible;
}
.navigate.show:before {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.navigate.show:after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.navigate.show .navigate-item {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
  transition: 0.6s 0.4s;
}
.navigate.show .navigate-item:nth-child(2) {
  transition-delay: 0.6s;
}
.navigate.show .navigate-item:nth-child(3) {
  transition-delay: 0.8s;
}
.navigate.show .navigate-item:nth-child(4) {
  transition-delay: 1s;
}
.navigate.show .navigate-item:nth-child(5) {
  transition-delay: 1.2s;
}
.navigate:before {
  content: "";
  width: 100%;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 64, 152, 0.2);
  z-index: -2;
  border-radius: 0 0 0 100%;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transform-origin: right top;
  transition: 0.78s;
}
.navigate:after {
  content: "";
  width: 100%;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
  position: absolute;
  left: 80px;
  top: -40px;
  background: rgba(0, 64, 152, 0.8);
  z-index: -1;
  border-radius: 0 0 0 100%;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transform-origin: right top;
  transition: 0.78s;
}
.navigate-list {
  position: absolute;
  left: 23%;
  top: 20.83%;
  right: 0;
  overflow: hidden;
}
.navigate-item {
  width: 20%;
  float: left;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform: translateX(120px);
}
.navigate-item dt {
  display: block;
  margin-bottom: 18px;
}
.navigate-item dt a {
  display: inline-block;
  color: #fff;
  font-size: 1.25em;
  line-height: 1;
  font-weight: lighter;
}
.navigate-item dd {
  display: block;
}
.navigate-item dd .mssm a {
  display: inline-block;
  color: #a6c8f7;
  font-size: 1em;
  font-weight: lighter;
  line-height: 1.8;
}
.navigate-item dd .mssm a:hover {
  color: #fff;
}
.navigate-item dd .mssm{
position:relative}
.m-ins-navbox{
	width: 92%; margin:.5em auto;
	height: 38px;
	background-color: #fff;
	display: none;
	position: relative;
	z-index: 11;
}
.m-ins-navbox.fixed{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11;
}
 
.m-ins-navbox .ret-subbox{
	position: absolute;
	top: 38px;
	width: 100%;
	background-color: #035cac;
	left: 0;
	z-index: 2;
	display: none;
}
.m-ins-navbox .ret-subbox a{
	display: block;
	width: 95%;
	padding-left: 5%;
	height: 38px;
	line-height: 38px;
	border-bottom: 1px solid #4882b6;
	color: #fff;
	font-size: 14px;
	background: url(../images/ico_38.png) no-repeat 92% center;
	background-size: auto 35%;
}
.m-ins-navbox .right{
	width: 100%; float:right;
	position: relative;
}
.m-ins-navbox .right .tit{
	display: block;
	width: 100%;
	padding-left: 0%;
	font-size: 1em;
	color: #035cac;
	line-height: 38px;
	background: url(../images/ico_36.png) no-repeat right center;
	background-size: auto 50%;
	cursor: pointer;
}
.m-ins-navbox .right .subbox{
	width: 100%;
	position: absolute;
	top: 38px;
	background-color: #fff;
	z-index: 2;
	display: none;
	left: 0;
}
.m-ins-navbox .right .subbox a{
	display: block;
	width: 95%;
	padding-left: 5%;
	line-height: 38px;  
	height: 38px; font-size:.9375em;
	border-top: 1px solid #e5e5e5;
	background: url(../images/ico_37.png) no-repeat right center;
	background-size: auto 35%;
	/*border-left: 1px solid #fff;
	margin-left: -1px;*/
}



@media screen and (max-width:1700px) {
	/*.about_2_mid_2_right{
	width:auto}*/
}
@media screen and (max-width:1600px) {
	.jobmask .about_1_mid{
	height:86vh; top:14vh;}
	.jobmask.on .about_1_mid{
top:7vh;}
}
@media screen and (max-width:1200px) {
.index_3_left{
left:4%; width:21%;}
.index_3_right{
margin-left:25%;}
.index_3_left_mid_2 ul li a{
font-size:1em;}
.index_3_right_mid_mid_5{
font-size:.875em;}
.index_3_right_mid_mid_4{
font-size:1em;}
.index_3_right_mid_mid_2{
font-size:1em;}
.index_3_right_mid_mid_1{
font-size:2.5em;}
}
@media screen and (max-width:1090px) {
.swiper-pagination-index-banner-left span i,.swiper-pagination-index-banner-right span i{
width:21px; height:16px;}
.swiper-pagination-index-banner-left,.swiper-pagination-index-banner-right{
width:2em; height:4em;}
.swiper-pagination-index-banner-left span,.swiper-pagination-index-banner-right span{
width:1.7em; height:3.4em;}
.indexbanner_bg_mid_2{
font-size:1.5em;}
.indexbanner_bg_mid_1{
font-size:2em;}
.banner_num{
font-size:1em;}
.index_1_mid_right_mid_1_1{
font-size:1.375em;}
.index_2_mid_name_1{
font-size:1.5em;}
.index_2_mid_name_2{
font-size:1.25em;}
.index_1_mid_left_1_left_1_2{
font-size:1.5em;}
.index_3_right_mid_mid{
padding:0 10%;}
.pro_info_4_footer_1{
font-size:1.25em;}
.pro_info_4_mid span{
font-size:1em; line-height:2.5em;}
.pro_info_3_right_1{
font-size:1.25em;}
.pro_info_3_right_2{
font-size:1em;}
.pro_4_1_2_1{
font-size:1em;}
.pro_3_1_left_1{
font-size:1.5em;}
#pro_xh{
font-size:1em;}
.pro_1_mid{
max-width:none; margin:0 4%;}
.pro_1_mid_3_left{
padding:.85em 1em;}
.pro_1_mid_3_left input{
font-size:1em;}
.pro_1_mid_1{
font-size:1.875em;}
.pro_1_mid_2{
font-size:1em; margin-bottom:1em; margin-top:.5em;}
.sermar_2_mid ul li a{
font-size:1.375em;}
.ser_1_left_mid_3 span{
font-size:1.375em;}
.ser_1_left_mid_3 ul li a{
font-size:1em;}
.job_3_2_mid_2_1_zd{
font-size:1.5em;}
.zd_pro_2_2 .swiper-slide{padding: 0 calc((100vw - 850px) * 0.04375); width:850px;}
.culture_4_1_mid_mid_w_1 span{
font-size:1.125em;}
#cultop{
margin-top:2em}
.culture_1{
font-size:2em;}
.culture_2{
font-size:1.5em;}
.zd_zs_act_c{
width:10px; height:10px;}
.about_honor_2 ul li a{
font-size:1em;}
.news_info_con_mid_1{
font-size:1.5em;}
.pro_info_2{
margin:1.5em 0;}
.news_info_con_mid{
margin:0 4%;}
.ny_menu ul li a span{
font-size:1em; padding-left:2em;}
.news_2_1 ul li{
min-height:420px;}
.news_1_mid_right_mid_2,.news_2_1_2_1{
font-size:1.25em;}
.news_1_mid_right_mid_3,.news_2_1_2_2{
font-size:.9375em;}
.footer_mid,.promid{
margin:0 4%;}
.index_1_mid_left_1_left_1_2{
font-size:1.875em;}
.index_1_mid_left_1_left_1_3_small,.index_1_mid_left_1_left_1_3{
font-size:2em;}
.contact_1_mid_left_1{
font-size:1em}
.ny_banner{
height:60vh}
.zd_ny_banner_jj_1{
font-size:2em;}
.zd_ny_banner_jj_2{
font-size:1em;}
.header_mid_left{
z-index:888}
#header .header_mid_right a.wh{
color:#fff; background-image:url(../images/header/img1.png);}
	.menubtn.active span:after,
.menubtn.active span:before{
background-color:#fff;}
	.header_mid_right{
	z-index:888;}
	#main{ overflow:hidden;
	margin-top:4em;}
	#header{
	height:4em; background-color:#fff;}
 	#header:after{
	display:none}
 #header .header_mid_right a{
color:#000; background-image:url(../images/header/img1b.png);}
 
  #header .header_mid_left a:after{
top:0;transition: all .5s ease;
}
 #header:after{
content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#ededed; z-index:100;}
	.header_mid_right{
	right:3em;}
	.header_mid_right a{
	font-size:1em;}
	.header_btn{
	display:block}
	.header_mid_mid{
	display:none}
	.header_mid{
	height:4em;}
}
.contact_1_mid_right_img{
display:none;}
.contact_1_mid_right_img img{
width:100%;}
@media screen and (max-width:1024px) {
	.pro_re a{
	width:2.5em; height:2.5em;}
	.pro_4_1 ul li{
	min-height:inherit}
	.ser_1_left_mid_2{
	font-size:1em;}
	.jobmask_mid{
	top:6%; height:88%;}
	.jobmask_mid_close{
	right:1em; top:1em;}
	.jobmask_mid_close a{
	width:1.5em; height:1.5em;}
	.jobinfo_3{
	font-size:.875em;}
	.jobinfo_1{
	font-size:1.25em;}
	.pro_4_1 ul li{
	width:32.48945147679325%;}
	.pro_4_1 ul li:nth-child(3n){
	margin-right:0}
	.pro_4_1 ul li:nth-child(4n){
	margin-right:1.26582278481013%}
}
@media screen and (max-width:950px) {
.swiper-pagination-index-banner-left, .swiper-pagination-index-banner-right,.banner_num{
display:none}
.index_3_right_mid_mid_4{
margin:.5em 0;}
.index_3_left_mid_3{
display:none}
.index_3_left_mid_2 ul li span{
display:none
}
.index_3_left_mid_2 ul li{
display:inline-block; margin:0 .5em;}
.index_3_left_mid_2 ul li:nth-child(1){
margin-left:0}
.index_1_mid_left_1_left_1_2{
font-size:1.5em;}
.index_3{
overflow:hidden}
.index_3_left{transform: translateY(0%);
position:static; width:auto; margin:0 4%; padding-top:2em;}
.index_3_right{
margin-left:0; margin-top:2em;}
.ser_map_mid_left,.ser_map_mid_right{
width:100%;}
.ser_footer_mid_mid{
margin:0 4%;}
.ser_footer_mid{
max-width:100%;}
.ser_1_left_mid{
margin:0 8.5%;}
.about_2_mid_2_right{
width:auto}
	.about_2_mid_2_right_mid_1 span{
	font-size:1.25em;}
	.about_2_mid_2_right_mid_2{
	font-size:1em;}
	.about_2_mid_2_right_mid_3{
	font-size:.875em;}
	.footer_mid_2_left,.footer_mid_2_right{
	text-align:center; float:none; width:100%;}
	.footer_mid_1{
	padding-right:0}
	.footer_mid_1_right{
	display:none}
	.footer_mid_1_mid{
	padding-right:0; border-right:none}
}
.index_1_mid_right_mid_2_bg{ background-position:center; background-repeat:no-repeat; background-size:cover;
position:relative; width:100%; height:27.60416666666667vw; display:none;}
@media screen and (max-width:900px) {
.index_1_mid_right_mid_1_1{
font-size:1.25em;}
.index_1_mid_right_mid_2_bg{
display:block;}
.index_1_mid_right_mid_2 img{
width:100%; display:none;}
.index_1_mid_right_mid{
margin-left:0;}
.index_1{ margin-left:4%; margin-right:4%;
margin-top:4em; margin-bottom:4em;}
.zd_pro_2_2 .swiper-slide{padding: 0 calc((100vw - 650px) * 0.04375); width:650px;}
.culture_5_left{
width:100%;}
.culture_5_right{
position:static; width:100%;}
.culture_5_left_2{
display:none}
.index_1_mid_left{
width:100%;}
.index_1_mid_right{
width:100%; margin-top:2em;}
.index_1_mid_right ul li{
width:49%; float:left; margin-bottom:0}
.index_1_mid_right ul li:nth-child(2){
float:right}

}
@media screen and (max-width:850px) {
.jobs_1_mid_left,.jobs_1_mid_right{
float:none; width:auto}
.jobs_1_mid_right{
text-align:center; margin-top:2em;}
}
#swiper-pagination-lcpic{
display:none; position:static}
#swiper-pagination-lcpic .swiper-pagination-bullet{
background:none; border:1px #fff solid; opacity:1;}
#swiper-pagination-lcpic .swiper-pagination-bullet-active{
background-color:#fff;}
.mobile_pro{
margin-bottom:1em; display:none}
.mobile_pro ul li p{
color:#225f9d; font-size:1.125em; border-bottom:1px #dedede solid; padding-bottom:.5em;}
.mobile_pro ul li{
margin-bottom:2em;}
.mobile_pro ul li div{
line-height:1.6; margin-top:.5em;}
@media screen and (max-width:768px) {
.mousedow img{
width:49.47916666666667vw;}
.indexbanner_bg_mid_2{
font-size:1.25em;}
.indexbanner_bg_mid_1{
font-size:1.5em;}
.index_2_mid_name_1{
font-size:1.375em;}
.index_2_mid_name_2{
font-size:1em}
.pro_info_6_mid_right_mid_2 span{
display:none}
.pro_info_6_mid_right{
position:static; width:100%; overflow:hidden}
.pro_info_6_mid_left{
width:100%;}
.pro_info_3_right_2{
max-width:none}
.pro_info_3_left{
position:static; width:100%; display:none}
.pro_info_3_right{
margin-left:0; padding-top:2em;}
.pro_4_1 ul li{
width:49%; margin-right:0;}
.pro_4_1 ul li:nth-child(4n){
margin-right:0}
.pro_4{
margin:0 4%; margin-top:2em;}
.pro_3_1_left{
display:none}
.pro_3_1_right{
position:static; width:100%;}
.pro_2{
display:none}
.pro_1_mid_3_left{
padding:.5em;}
.pro_1_mid_1{
font-size:1.5em;}
.pro_1_mid_3_right:after{
font-size:.875em;}
.ser_map_mid_right_2 a span i{
width:12px; height:12px;}

.mobile_pro{
display:block}
.ser_map_mid_left_mid a.sel span:after {
display:none}
.sermar_1{
margin-top:2em;}
.ser_map_mid_right{
margin-top:2em;}
.ser_map_mid_right_2 a{
width:200px; height:40px; line-height:40px;}
.sermar_2_mid ul li a{
font-size:1.25em;}
.ser_1_left_mid_1{
font-size:1.5em;}
.fb_2_3 a span{
font-size:1em;}
.ser_1_left_mid_3{
padding-left:50px;}
.ser_1_left_mid_3 span{
font-size:1.25em;}
.ser_1_left_mid{
margin-left:4%; margin-right:4%}
.ser_1_left{
width:100%;}
.ser_1{
margin-top:2em;}
.culture_5_left_1_1{
margin-bottom:1em;}
.zd_pro_act a{
font-size:1em;}
#plant{
margin-bottom:2em;}
.job_hd_left_zb,.job_hd_right_zb{
font-size:1.7em;}
.zd_pro_2_2{
margin:0 4%;}
.job_3_2_mid_2_1_zd{
font-size:1.125em;}
.culture_4{
padding-top:4em;}
.culture_2{
font-size:1.25em;}
.culture_1{
font-size:1.5em;}
.culture_3{
font-size:1em;}
.about_2_mid_2_left .swiper-container,.swiper-container-hpic .swiper-slide{
height:auto}
.about_2_mid_2{
margin-top:2em;}
#swiper-pagination-lcpic{
display:block; margin-top:2em;}
.about_2 .about_2_mid{
padding:4em 0;}
.about_2_mid_2_right{
display:none}
.about_2_mid_2_left{
position:static; width:100%;}
.about_2_mid_2_left_mid_1_bg{
display:none}
.about_2_mid_2_left_mid_1{
display:block; color:#fff}
.about_2_mid_2_right_mid_1{
margin-top:1.5em;}
.about_year{
display:none}


.about_2_mid_2_right_mid_1,.about_2_mid_2_right_mid_2,.about_2_mid_2_right_mid_3{
padding-left:0}

.about_2{
padding:2em 0;}
.about_1{ margin-bottom:4em;
overflow:hidden; margin-top:2em;}
.about_1_mid_left{transform: translateY(0%);
position:static; width:100%;}
.about_1_mid_right{
margin-left:0; margin-top:2em;}
.ny_menu{
display:none}
.m-ins-navbox{
display:block}
.pro_info_2_right{
display:none}
.more_link{
font-size:.875em;}
.news_2_1_2{
min-height:193px;}
.news_2_1_2{
padding:1em;}
.news_2_1 ul li{ min-height:inherit;
width:48%; margin-right:0}
.news_2_1 ul li:nth-child(2n){
float:right;}
.news_1_mid_right_mid_2, .news_2_1_2_1{
font-size:1.125em;}
.about_honor_1{
margin-top:2em;}

.footer_mid_1_left_mid_1 img{ 
max-width:160px;}
.footer_mid_1_left_mid{
margin-right:0}
.footer_mid_1_mid_1{
font-size:1.25em;}
.footer_mid_1_mid_2{
font-size:1em;}
.footer_mid_1{
margin-top:2em; margin-bottom:2em; padding-left:0}
.jobs_1{
margin-top:2em; margin-bottom:2em;}
.footer_mid_1_left{
position:static; width:100%;}
.footer_mid_1_mid{ margin-right:0; padding-bottom:0; margin-top:2em;
padding-left:0; padding-right:0; border-left:none;}
.zd_ny_banner_jj_1{
font-size:1.5em;}
.contact_1_mid_left{
margin:2em 0;}
.contact_1_mid_right_img{
display:block}
.contact_1_mid_right_bg{
display:none}
.contact_1_mid_right{
position:static; margin:0 4%; margin-bottom:2em; width:auto;}
.contact_1_mid_left{
width:100%;}
.index_1_mid_left_1_left_1_2{
font-size:1.5em;}
.index_1_mid_left_1_left_1_3_small, .index_1_mid_left_1_left_1_3{
font-size:1.875em;}
.about_1_mid{
margin:0 4%;}
#header .header_mid_left a.wh:after{
display:none
}
#header:hover .header_mid_left a.wh img{
opacity:1;}
.navigate {
    width: 120%;
  }
  

}
.news_1_mid_left_img{
display:none;}
.news_1_mid_left_img img{
width:100%;}
@media screen and (max-width:640px) {
.mouse{ margin-top:-14.5px;
width:20px; height:29px; margin-left:-10px;}
#about_1{
margin-bottom:2em;}
.indexbanner_bg_mid_3{
font-size:.875em;}
.indexbanner_bg_mid_2{
font-size:1.25em;}
.indexbanner_bg_mid_1{
font-size:1.5em;}
.index_2_mid_name_1{
font-size:1.25em;}
.index_3_right_mid_mid_1{
font-size:1.875em;}
.index_3_right_mid_mid{
padding:0 5.5%;}
.swiper-container-news .swiper-slide{
width:80%;}
.pro_info_6_mid_right_mid_3 ul li{
font-size:.875em;}
.pro_info_6_mid_right_mid{
margin:1em;}
.xh_no{
font-size:1.25em;}
.pro_info_4_footer_1{
font-size:1.125em;}
.pro_info_4_footer_2{
font-size:.75em;}
.pro_info_4_mid span{
max-width:none; padding-left:1.4em; padding-right:1.4em; display:inline-block;}
.pro_re{
top:0}
.pro_info_3_right{
padding-top:0}
.pro_re a{
width:2em; height:2em;}
.pro_re a.ne:after {
font-size:1em;}
.pro_info_3_right_1{
font-size:1em;}
.pro_info_3_right_2{
font-size:.875em;}
.sermar_2_mid ul li a{
font-size:1em;}
.ser_1_left_mid_3 span{
font-size:1em;}
.ser_1_left_mid_2{
margin-top:.875em; margin-bottom:.875em;}
.ser_1_left_mid_1{
font-size:1.25em;}
.fb_2_3 a{
max-width:100%;}
.ser_1_left_mid_4 ul li{
width:100%;}
.job_hd_zb{
width:100%;}
.culture_2{
font-size:1.125em;}
.culture_1{
font-size:1.5em;}
.culture_4{
padding-top:2em;}
.culture_4_1_mid_mid{
margin-left:4%; margin-right:4%}
.culture_4_1_mid{
padding-top:2em; padding-bottom:2em;}
.culture_4_1{
padding-top:2em;}
.culture_4_1_mid{
width:100%;}
.about_2 .about_2_mid{
padding:2em 0;}
.about_1_mid_left .index_1_mid_left_1_left_1_3{
font-size:1.5em;}
.news_info_con_mid_4{
margin-bottom:2em;}
.news_info_con{
padding-top:2em;}
.news_info_con_mid_4 ul li{
width:100%;}
.news_info_con_mid_3{
margin-top:2em; padding-top:1em; padding-bottom:2em;}
.news_info_con_mid_4 ul li:nth-child(2) a{
text-align:left}
.news_info_con_mid_1{
font-size:1.25em;}
.news_2_2{
margin:2em 0;}
.news_2_2 ul{
font-size:.875em;}
.news_1_mid_left_bg{
display:none}
.news_1_mid_left_img{
display:block;}
.news_1_mid{
margin-left:0}
.news_1_mid_left{
position:static; width:100%;}
.news_1_mid_right{
margin-left:0}
.jobinfo{
padding:1.5em;}
.jobinfo_2{
margin-bottom:.5em;}
.jobinfo_4{
margin-top:1em;}
.jobinfo_1{
font-size:1.125em;}
.jobinfo_2{
font-size:.9375em;}
.contact_2{
height:40vh;}
 .index_1_mid_left_1_left_1_2{
 font-size:1.25em;}
 .index_1_mid_left_1_left_1_3_small, .index_1_mid_left_1_left_1_3{
 font-size:1.5em;}
   .navigate-list {
    left: auto;
    right: 14.4%;
    overflow: visible;
	top:15%;
	
  }
  .navigate-item dt a{
  font-size:1.125em;}
  .navigate-item {
    width: auto;
    float: none;
    padding-bottom: 20px;
  }
  .navigate-item dt {
    margin-bottom: 0;
  }
  .navigate-item dd {
    margin-top: 10px;
    display: none;
  }
  .navigate-item dd .mssm {
    text-align: right;
  }
}
@media screen and (max-width:480px) {
.index_1_mid_right_mid_2_bg{
height:40vw;}
.index_1{
margin-top:2em; margin-bottom:2em;}
.index_2_mid_name_1{
font-size:1.125em;}
.pro_1_mid_3{
padding-right:45px;}
.pro_1_mid_3_right{
width:45px;}
.pro_1_mid_3_right:after{
font-size:.65em;}
.pro_1_mid_1{
font-size:1.25em;}
.ser_map_mid_right_2 a{ width:130px; height:32px; line-height:32px;}
.job_3_2_mid_2_zd{
max-width:none; margin:0 1em;}
.job_3_2_mid_2_1_zd{
font-size:1em;}
.about_2_mid_2_right_mid_1{
margin-top:1em;}
.news_info_1{
margin-top:6em;}
	.more_link{
	font-size:.75em;}
	.news_2_1 ul li{
	width:100%;}
	.news_2_1_2{
	min-height:inherit; padding-bottom:1.5em;
	}
	.jobmask.on .jobinfo_3_1{
	margin-top:.5em;}
	.jobinfo_4 span{
	font-size:.875em;}
	.jobinfo_2:after {
	width:2em; height:1px;}
	.jobinfo_2{
	margin-top:.5em;}
	.zd_zs_act{
	margin-top:2em; margin-bottom:2em;}
	
	.ny_banner{
	height:40vh}
	.footer_mid_1{
	display:none}
	.zd_zs_act_c{
	width:10px; height:10px;}
}
@media screen and (max-width:400px) {
.index_1_mid_left_1_left_1_3_small, .index_1_mid_left_1_left_1_3{
font-size:1.375em}
.index_1_mid_left_1_right{
margin-left:43%;}
}
@media screen and (max-width:360px) {
.mouse{ margin-top:-11.5px;
width:16px; height:23px; margin-left:-8px;}
}
/*******************/
.worldmap{
margin:0 auto; max-width:839px; position:relative}
.worldmap img{
width:100%;}
.worldmap a{
position:absolute;}
.worldmap a.w1{ left:7.38974970202622%; top:0;
width:21.45411203814064%; height:44.77611940298507%;}
.worldmap a span{ 
position:absolute; width:40px; left:50%; top:50%;transform:translate(-50%, -50%);}
.worldmap a span i{
opacity:0;  }
.worldmap a.sel2 span:before{ left:calc(50% - 6.40625vw);top:calc(50% - 6.40625vw); width:12.8125vw; height:12.8125vw; background-image:url(../images/about/c.png); background-position:center; background-repeat:no-repeat; background-size:cover;  border-radius:50%;
content:''; position:absolute; animation: fades 3s 0.4s linear infinite;pointer-events:none }
.worldmap a.sma span:before{transform: scale(.3, .3); animation: fades_sma2 3s 0.4s linear infinite;  }
.worldmap a.mid span:before{transform: scale(.5, .5); animation: fades_mid2 3s 0.4s linear infinite; }
.worldmap a.sel2 span:after{ background-color:#fff;border-radius:50%; z-index:10;
content:''; position:absolute; width:14px; height:14px; left:50%; top:50%;transform:translate(-50%, -50%); } 
.worldmap a.sel2.sma span:after{transform: scale(.3, .3);}
.worldmap a.sel2.mid span:after{transform: scale(.6, .6);}
.worldmap a.w2{ left:20.50059594755662%; bottom:9.95024875621891%;
width:21.45411203814064%; height:44.77611940298507%;} 
.worldmap a.w3{ left:42.66984505363528%; top:28.60696517412935%;
width:21.45411203814064%; height:44.77611940298507%;} 
.worldmap a.w4{ left:58.16448152562574%; top:0%;
width:21.45411203814064%; height:44.77611940298507%;} 
.worldmap a.w5{ right:3.5%; bottom:2%;
width:21.45411203814064%; height:44.77611940298507%;} 

.worldmap a.sel2.sma span:after{
left:36%; top:27%;}

.worldmap a.w1.sel2.mid span:after{
left:36%; top:28%;}
.worldmap a.w2.sel2.mid span:after{
left:36%; top:28%;}
.worldmap a.w3.sel2.mid span:after{
left:36%; top:28%;}
.worldmap a.w4.sel2.mid span:after{
left:36%; top:28%;}
.worldmap a.w5.sel2.mid span:after{
left:36%; top:28%;}

.worldmap a div.mpk{ min-height:110px; display:none; -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
position:absolute; width:240px; background-color:#fff;   z-index:10;  border-radius: 10px; left:70%; top:18%;}
.worldmap a div.mpk:after{ left:-17px; position:absolute; top:40px;
content:''; width:17px; height:32px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img20.png);}
.worldmap a div.mpk i{
cursor:pointer; position:absolute; top:15px; right:15px; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img19.png); width:17px; height:16px;}
.worldmap a div.mpk p{
padding:0 25px;}
.worldmap a div.mpk p:nth-child(2){
color:#225f9d; font-size:20px; padding-top:20px;
}
.worldmap a div.mpk p:nth-child(3){
color:#000; line-height:1.6; padding-bottom:10px; padding-top:10px;
}





@keyframes fades_sma2 {
  0% {
    opacity: 1;
    transform: scale(.3);
  }
  50% {
    opacity: 0.4;
    transform: scale(.4);
  }
  100% {
    opacity: 1;
    transform: scale(.3);
  }
}

@keyframes fades_mid2 {
  0% {
    opacity: 1;
    transform: scale(.5);
  }
  50% {
    opacity: 0.4;
    transform: scale(.6);
  }
  100% {
    opacity: 1;
    transform: scale(.5);
  }
} 
 @media screen and (max-width:768px) {
 .worldmap{
margin-bottom:2em;
 }
 }
 .ser_map_mid_right_world{
 margin-top:0}
 .ser_map_mid_left_world{
 margin-top:5vw;}
/***********20210922************/ 
#header.cur.headroom--unpinned{
top:-100%;}
.txt .t {
color:#1865b0;
    letter-spacing: -3px;
    text-transform: uppercase;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.txt .t b {
    font-weight: normal;
    display: inline-block;
} 
.txt{
line-height:1.2; text-align:center}
.txt .i { color:#fff;
     
    margin-bottom: 9px;
    transition: 300ms;
    -webkit-transition: 300ms;
    font-weight: bold;
}

.blue {
    width: 100%;
    height: 100%;
    background-color: rgba(53, 155, 55, 0);
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 4;
    opacity: 0;
    -webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1);
    -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1);
    transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
}
.tra1 {
    transition: 300ms ease 50ms;
    -webkit-transition: 300ms ease 50ms;
}

.tra2 {
    transition: 300ms ease 100ms;
    -webkit-transition: 300ms ease 100ms;
}

.tra3 {
    transition: 300ms ease 150ms;
    -webkit-transition: 300ms ease 150ms;
}

.tra4 {
    transition: 300ms ease 200ms;
    -webkit-transition: 300ms ease 200ms;
}

.tra5 {
    transition: 300ms ease 250ms;
    -webkit-transition: 300ms ease 250ms;
}

.tra6 {
    transition: 300ms ease 300ms;
    -webkit-transition: 300ms ease 300ms;
}

.tra7 {
    transition: 300ms ease 350ms;
    -webkit-transition: 300ms ease 350ms;
}

.tra8 {
    transition: 300ms ease 400ms;
    -webkit-transition: 300ms ease 400ms;
}

.tra9 {
    transition: 300ms ease 450ms;
    -webkit-transition: 300ms ease 450ms;
}

.tra10 {
    transition: 300ms ease 500ms;
    -webkit-transition: 300ms ease 500ms;
}

.tra11 {
    transition: 300ms ease 550ms;
    -webkit-transition: 300ms ease 550ms;
}

.tra12 {
    transition: 300ms ease 650ms;
    -webkit-transition: 300ms ease 650ms;
}

.tra13 {
    transition: 300ms ease 700ms;
    -webkit-transition: 300ms ease 700ms;
}

.tra14 {
    transition: 300ms ease 750ms;
    -webkit-transition: 300ms ease 750ms;
}

.tra15 {
    transition: 300ms ease 800ms;
    -webkit-transition: 300ms ease 800ms;
}

.tra16 {
    transition: 300ms ease 850ms;
    -webkit-transition: 300ms ease 850ms;
}

.tra17 {
    transition: 300ms ease 900ms;
    -webkit-transition: 300ms ease 900ms;
}

.tra18 {
    transition: 300ms ease 950ms;
    -webkit-transition: 300ms ease 950ms;
}

.tra19 {
    transition: 300ms ease 1000ms;
    -webkit-transition: 300ms ease 1000ms;
}

.tra20 {
    transition: 300ms ease 1050ms;
    -webkit-transition: 300ms ease 1050ms;
}

.tra21 {
    transition: 300ms ease 1100ms;
    -webkit-transition: 300ms ease 1100ms;
}

.tra22 {
    transition: 300ms ease 1150ms;
    -webkit-transition: 300ms ease 1150ms;
}
.tra23 {
    transition: 300ms ease 1200ms;
    -webkit-transition: 300ms ease 1200ms;
}
.tra24 {
    transition: 300ms ease 1250ms;
    -webkit-transition: 300ms ease 1250ms;
}
.tra25 {
    transition: 300ms ease 1300ms;
    -webkit-transition: 300ms ease 1300ms;
}
.tra26 {
    transition: 300ms ease 1350ms;
    -webkit-transition: 300ms ease 1350ms;
}
.tra27 {
    transition: 300ms ease 1400ms;
    -webkit-transition: 300ms ease 1400ms;
}
.tra28 {
    transition: 300ms ease 1450ms;
    -webkit-transition: 300ms ease 1450ms;
}
.tra29 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1500ms;
}

.tra30 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1550ms;
}
.tra31 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1600ms;
}
.tra32 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1650ms;
}
.tra33 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1700ms;
}
.tra34 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1750ms;
}
.tra35 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1800ms;
}
.tra36 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1850ms;
}
.tra37 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1900ms;
}
.tra38 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1950ms;
}
.tra39 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 2000ms;
}
.tra40 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 2050ms;
}
.tra41 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 2100ms;
}
.tra42 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 2150ms;
}



.index_2 ul li:hover .blue {
    opacity: 1;
}

.index_2 ul li:hover .txt .t,
.index_2 ul li:hover .txt .i {
    color: #fff;
}

.index_2 ul li:hover .txt .bot i {
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.index_2 ul li:hover .txt .t b {
    transform: translate(0px, -10px);
    -webkit-transform: translate(0px, -10px);
}

.index_2 ul li:hover .txt .i {
    transform: translate(0px, -10px);
    -webkit-transform: translate(0px, -10px);
}

.culture_4_1_mid{ -webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1);
    -moz-transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all 1s cubic-bezier(0.445, 1.045, 0.355, 1);
    transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1);
left:-100%; opacity:0;} 
.culture_4_1_mid.show{
opacity:1; left:0;}
.error{
color:#ff0000; margin-top:1em; display:none;}   
.ser_map_mid_right_2{
display:none}
.pro_4_1_1_mask span{
display:none} 
.pro_4_1 ul li.cssimgp:hover img{
transform: scale(1.2, 1.2);} 
.pro_re{
display:none} 
#pro_xh{
display:none;}
.pro_3_1_right_mid{
position:relative; z-index:10;}
.pro_3_1_right_mid p{
font-size:1.125em;}
.pro_3_1_right dl{ background-color:#fff; border:1px #c0c0c0 solid;
position:absolute; left:0; width:100%; top:30px; z-index:10; display:none;  }
.pro_3_1_right,.pro_3_1,.pro_3{
z-index:10;}
.pro_3_1_right dl dd a{ color:#666;
display:block; padding:.3em .5em;}
.pro_3_1_right dl dd a:hover{
background-color:#ccc; color:#000}
.pro_3_1_right{
cursor:pointer}

.showjobinfo:hover .jobinfo_4 span i:nth-child(2){transform: scale(.8, .8);}
.showjobinfo:hover .jobinfo_4 span i:nth-child(2):after{
left:28%;}
.header_mid_mid ul li dl{ width:320px; left:-128px;
  background:none}
.header_mid_mid ul li dl dd{
padding-left:0px;}

.acline{opacity:0;
-webkit-transition:all 250ms ease-out;-moz-transition:all 250ms ease-out;-o-transition:all 250ms ease-out;transition:all 250ms ease-out;width:5px;width:.3125rem;height:57px; background-image:url(../images/1.svg);background-repeat:no-repeat;background-size:5px auto;background-position:center bottom;position:absolute;z-index:11; top:0;top:0rem;pointer-events:none; left:50%; top:100%;transform:translateX(-50%);}
.header_mid_mid ul li:hover .acline{
opacity:1;}
.newxiala_left{
float:left; width:50%;}
.newxiala_left_mid{
padding-right:1em; text-align:right;}
.newxiala_left_mid_1{ font-weight:bold;
color:#fff; padding-bottom:15px; padding-top:44px;}
.newxiala_left_mid_2 .smm a{
color:#fff;}
.newxiala_left_mid_2 .smm{
margin-bottom:8px; position:relative;}
.menubg{ top:8em; display:none;
position:absolute; left:-4vw; width:100vw; height:260px; background-color:#4c9518; opacity:.85}
#header.cur .menubg{
top:4em;}
.newxiala_left_mid_2 .smm a span{ padding-left:22px;
display:inline-block; position:relative; background-position:left center; background-repeat:no-repeat; }
.newxiala_left_mid_2 .smm a span i{opacity:0;
  position:absolute; left:0; top:0; width:18px;-webkit-transition: all .3s cubic-bezier(0.245, 0.145, 1.355, 1);
    -moz-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all .3s cubic-bezier(0.445, 1.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1);}
.newxiala_left_mid_2 .smm:hover a span i{
opacity:1;}	
.tmm{ top:0; display:none;    
position:absolute; left:100%; width:144px;}
.smm:hover .tmm{
display:block;}
.tmm a{ font-size:14px; padding-bottom:5px;
display:block; text-align:left; padding-left:2em;}
.about_year_line_mid_2{
width:80px; margin-left:-12.5px;
}
.about_2_mid_2_right_mid ul li{
display:none;}
.about_2_mid_2_right_mid ul li.on{
display:block}
.navigate-item dd .mssm p{
display:none}
.navigate-item dd .mssm p a{
font-size:14px; display:block;}
.hact{
margin-left:6.25vw; margin-top:1.92708333333333vw;}
.hact a{ background-color:#4c9518; color:#fff; text-align:center;-webkit-transition: all .3s cubic-bezier(0.245, 0.145, 1.355, 1);
    -moz-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all .3s cubic-bezier(0.445, 1.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1);
display:inline-block; margin-right:.5em; font-family:"宋体"; border:1px #fff solid; width:2em; line-height:2em; height:2em;border-radius:100%;}
.hact a:hover{
background-color:#fff; color:#4c9518}
 @media screen and (max-width:768px) {
#pro_xh{
display:block}
.pro_3_1_right_mid{
display:none}
.txt .t,.txt .i{
color:#fff}
}
 @media screen and (max-width:480px) {
 .navigate{
 width:180%;}
.more_link{
font-size:.45em;} 
.more_link span{
left:.6em;}
 }
 #tt ul li,.tjdiv{ overflow:hidden;   display:block; clear:both;
position:relative; padding-left:100px; padding-top:1em; padding-bottom:1em;  }
.tjdiv span{
position:absolute; left:0; top:50%;transform:translateY(-50%);}
.tjdiv input{float:left; text-align:center; border:none; padding:5px 0px; border-left:1px #fff solid;}
.tjdiv input:hover{
background-color:#ccc;}
 .tjdiv input.bh-sku-selected{background-color:#447ebd; color:#fff}
.tjdiv input.dis{background-color:#f3f6f8; color:#c6cdd9;cursor:not-allowed;}
 
 
 
@font-face {font-family: "BEBAS";
  src:  url(../fonts/BEBAS-1.ttf);}

   .iab{width: 100%;height: auto;padding-bottom: 0px;overflow: hidden;
        /*background: url(../images/ipro-bg.jpg) center no-repeat*/
    }
    .iab .warp{/*width:86%; margin: 0 7%;padding-top:6%;height: auto;*/}
    .iab .warp .box{width: 50%; float: left;padding-top: 0px;}
	

	
	
    .iab .warp .box h2{
        display: block;
        line-height: 40px;
        font-size: 18px;
        text-transform: uppercase; color:#666;
        
        font-family: Barlow-Regular; font-weight:400;
        padding-top: 55px;
        position: relative;
        margin-bottom: 10px;
		
		/*background-image: -webkit-linear-gradient(left,#0066b0,#036eb3,#26b7d7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    }
    .iab .warp .box h2:before{
        display: block;
        width: 125px;
        height: 0px;
        background-color: #4c9518;
        display: block;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
    }

    .iab .warp .box h3{display: block;font-size: 48px;line-height: 55px;margin-bottom: 10px; font-weight:700;
	
		background-image: -webkit-linear-gradient(left,#0066b0,#2e95f2,#2e95f2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	
	
	
	}
	 .iab .warp .box h3 span { color:#4c9518;}
    .iab .warp .box .cent{font-size: 16px;line-height: 30px;color: #1d2830;margin-bottom: 40px;}
    .iab .warp .box .cent p{ font-size: 15px;line-height: 28px;color: #666;}
    .iab .warp .box .btns{
        display: block;
        width: 210px;
        height: 48px;
        line-height: 48px;
        color: #fff;
        font-size: 18px;
        padding: 0 30px;
        border-radius: 3px;
        text-transform:capitalize;
        font-family: 'BEBAS';
        background:#1a1f3f url(../images/rddr.png) 80% center no-repeat;
        border:1px solid #1a1f3f;
        transition: all 0.5s;-webkit-transition: all 0.5s;
        margin-bottom: 0px;
    }
    .iab .box .btns:hover{background:#1a1f3f url(../images/rddr.png) 87% center no-repeat;box-shadow: 0 1px 6px 0px rgba(26,31,63,1)}
    .iab .box .details{width: 299px;height: 299px;overflow: hidden;float: right; margin-top:-30px;}
    .iab .box .details img{transition: all 0.5s;-webkit-transition: all 0.5s}
    .iab .box .details:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
    .iab .warp .pic{float: right;width: 598px;height: auto;}

    .iab .warp .pic .video-pc{width: 100%;height:auto;position:relative;margin-bottom: 50px;overflow:hidden; margin-top:20px; box-shadow:0px 10px 10px 10px rgba(0,0,0,.1);}
    .iab .warp .pic .video-pc img{display: block;width: 100%;transition: all 0.5s;-webkit-transition: all 0.5s}
    .iab .warp .pic .video-pc:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
    .iab .warp .pic .video-pc .btns{
        display: block;
        width: 76px;
        height: 76px;
        background: url(../images/iab-btns.png) center no-repeat;
        z-index: 5;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -38px 0 0 -38px;
        cursor: pointer;
        transition: all 0.5s;-webkit-transition: all 0.5s;
    }
    .iab .warp .pic .video-pc .btns:hover{background: url(../images/iab-btns1.png) center no-repeat;}
    .iab .warp .pic .video-ph{display: none;}
    .iab .warp .bot{padding-left:0px;height: auto; width:100%; float:left; padding-bottom:40px;}
    .iab .warp .bot ul li{float: left;margin-right: 90px;}
    .iab .warp .bot ul li:last-child{margin-right: 0px;}
    .iab .bot li p{font-size: 55px;color: #333; text-align: center;line-height: 70px;font-family: 'BEBAS'; margin-bottom: 5px;}
	
	.iab .bot li p span { font-size:15px; line-height:20px;  background:#f7941d; color:#fff; font-weight:900; border-radius:50%; width:25px; height:25px; padding:2.5px;  display: inline-block; margin-left:-10px; margin-top:-15px; }
	
    /*.iab .bot li:nth-child(1) p{font-family: 'Times New Roman';}*/
    .iab .bot li .intro{display: block; text-align: left;font-size: 15px;line-height: 20px; color:#666;}
	
	
.index_9 {   height:700px; margin:0px auto; width:100%; clear:both; overflow: hidden;}

.index_3_left_mid .index_1_mid_left_1_left_1_1 span i { top:50%;}
	
	





.slide__text {

  width: 1000%;
 
  color: #fff; 

 
}
  .slide__text {
   
    width: 100%;
    height: 20rem;
    text-align: center;
   
  }
.slide__text-heading {
  font-family: "Polar", Helvetica, Arial, sans-serif;
  font-size: 42px;
  margin-bottom: 10px; font-weight:700;
}
  .slide__text-heading {
    line-height: 50px;
    font-size: 40px;
  }
.slide__text-desc {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size:16px; line-height:30px;
  margin-bottom: 40px; width:100%; display:block; float:left; 
}
.slide__text-desc p { width:23%; float:left; margin:1%;  background:rgba(255,255,255,.9); padding:2% 2%;  font-size:19px; transition:all .4s; border:2px solid #fff; color:#4c9518 !important; font-weight:900; text-align: left !important; position:relative;

/*text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 30px;
line-height:30px;*/


}
.slide__text-desc p span { display:block; font-size:15px; opacity:.7; color:#000; font-weight:400; text-align:left !important;}
.slide__text-desc p i { display:block; font-weight:400; font-style:normal; font-size:16px;}
.slide__text-desc p font {display:block; position:absolute; font-size:40px; font-family:mb; color:#4c9518; top:20px; right:20px; }
.slide__text-desc a:hover p { border:2px solid #4c9518; background:#4c9518; color:#fff !important; transform:translateY(-10px); }
.slide__text-desc a:hover p i { color:#ffff;}
.slide__text-desc a:hover p span { color:#ffff;}
.slide__text-desc a:hover p font { color:#ffff;}
.slide__text-desc a p { color:#fff;}
  .slide__text-desc {
   
  }
.slide__text-link {
  
 
  padding: ; 
  cursor: pointer;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  perspective: 1000px; color:#fff; width:90px; height:90px; line-height:90px; text-align:center; border-radius:50%; overflow:hidden; margin:40px auto ;
}
  .slide__text-link {
  
  }
.slide__text-link:before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #4c9518;
  transform-origin: 50% 100%;
  transform: rotateX(-85deg);
  transition: transform 0.3s;
  will-change: transform;
}
.slide__text-link:hover:before {
  transform: rotateX(0); 
}.slide__text-link:hover {
  transform: rotateX(0); font-size:16px;  
}
.slide__text h3 { font-family:ml; text-transform:uppercase; font-size:30px; color:#fff; margin-bottom:30px; font-weight:400;}

.index_cp { background: url(../images/a5.jpg) no-repeat center top #4c9518; width:100%; height:750px; margin:0px auto; padding:100px 0px; background-attachment:fixed;}
.index_cp .con { width:; margin:0px 5.95833333333333%;  }	

.indexbanner_bg_mid_3 { font-family:Barlow-Regular;}
.indexbanner_bg_mid_2 { width:45%; font-size:45px; font-weight:900;}
.indexbanner_bg_mid_1 {font-size:35px; font-weight:400; }